Make Your Own Arduino BLE App in Android or iOS with Capacitor

Using Capacitor, you can make your very own custom Android/iOS app for your Arduino/ESP32 projects.
Instruction write-up can be found here: aboycandream.com/esp32-capaci...
The Arduino Code we're starting off with came from Mo_Thunderz github here: github.com/mo-thunderz/BleMob...
The original video where he made that code to work with MIT App Inventor can be found here: • Create a BLE app for y...
My final Capacitor Javascript code and final Arduino code can be found on my github: github.com/aBoyCanDream/ESP32...
Learn more:
Links to Mo_Thunderz TH-cam Channel: www.youtube.com/@mothunderz/v...
An excellent write-up for the ESP32 BLE Library by Neil Kolban: github.com/nkolban/esp32-snip...
A great javascript tutorial: • JavaScript Programming...
0:00 - Intro
3:35 - Install & Setup
10:55 - First Example: Scan
21:22 - Installing on iOS
25:58 - Installing on Android
30:58 - Second Example: Connect
35:34 - Overview of Arduino BLE Code
43:13 - 3rd Example: Reading from ESP32
52:12 - Little Endian Vs. Big Endian
53:25 - 4th Example: Sending Data to ESP32
58:38 - 5th Example: Toggle LED On/Off
1:00:03 - 6th Example: Sending Multiple Data
1:08:01 - Renaming your App and Creating Custom Icon
1:16:18 - Final Test
1:19:13 - Troubleshooting
Endianess graphic courtesy of: Aeroid, CC BY-SA 4.0 creativecommons.org/licenses/..., via Wikimedia Commons

[@RayfuzuLearning]

This was awesome. Thanks for sharing. Ionic Capacitor is awesome!!

[@manishgautam2424]

Dream it make it success

[@JimmyWheel]

Stand on the shoulders of giants, that's what smart people do my friend.

[@sxclight440]

Thank you for breaking down the steps well

[@andresmateo4281]

Why you dont use Swift to make the interface more pretty?

[@a_boy_can_dream]

Lol. Yeah, the UI was basic. But the video was way too long as it was. But Tay Tay buttons would have made it better

[@user-ke2ih7xr5g]

i am useing same library for esp32 but it showing name in NRF app in IOS but not showing in IOS Bluetooth setting please help me.

[@a_boy_can_dream]

Do you mean it’s not showing up in the Capacitor app? Is it showing up in Android Studio or Xcode’s console?

[@user-ke2ih7xr5g]

@@a_boy_can_dream i am using same BLE library but it showing name in IOS NRF connect app but not showing in IOS Bluetooth setting. it means direct Bluetooth list. please help me.

[@a_boy_can_dream]

Ok, I think I understand: you’re trying to find your ESP32 under Settings>Bluetooth in iOS. Well, it won’t show up there. I think there’s an extra layer check that iOS does to see if it’s a properly configured device. The ESP32 BLE library doesn’t satisfy that check. So you can only see it and connect to it through a 3rd party app like NRF or the Capacitor BLE. Then you can use the BLE functionality normally. I’m sure there is a way to make it show up as a device under iOS settings but haven’t gotten there yet. When I do, I’ll post a vid. Until then, connect to the ESP32 through the Capacitor BLE app directly.

[@user-ke2ih7xr5g]

@@a_boy_can_dream ok TQ for your reply ❤️