Quasar Framework BLE (Bluetooth Low Energy) App Example.
Built using Quasar Framework - A VueJS framework.
Also Capacitor v3 and the Capacitor Community plugin bluetooth-le.
- 100% cross-platform with a single open-source codebase
- Note: In this specific case it only makes sense to build for mobile since we're using BLE and browser support is still behind
- BLE - Bluetooth Low Energy
- Composition API
- Capacitor v3
-141321?style=flat&logo=Capacitor&logoColor=119EFF){kind=icon}
-141321?style=flat&logo=Sass&logoColor=CC6699){kind=icon}
- Lottie
quasar-ble icon adapted from this Lottie
Free animated illustrations from LottieFiles
With a simple command we can issue a mobile build from this code base.
Since I don't have a Mac with me at the moment, I've only built the Android version (APK).
The APK is currently being built targeting Android SDK 29. However, since it has a minSdkVersion parameter of 21, any Android 5.0+ should be able to run the app.
If you wish to build for iOS, simply follow the steps in the Quasar documentation.
- Upgrade Capacitor to v3
- Implement capacitor-community/bluetooth-le
- Scan and list the results
- Result component
- Welcome component
- Add Lottie
- GitHub repo
- Add meta tags
- App icon
- Setup builds (Android, etc)
- Overall polish
- Code cleanup
- Make TypeScript happier
- Make it more Composition API-like where it makes sense