ESP32 WiFi config over web-ble

Update 05/20: A newer version of this app which is more secure can be found here. The newer version has been written with Nuxt.JS (a Vue framework). I will concentrate further development efforts on the newer app.

General description

As the name implies, it is a web based app used to configure wifi credentials over Bluetooth LE. The app interacts with the esp32 using web-ble, so is available atm (02/2020) on Chrome browsers, on OSX Yosemite and later, Windows 10, Linux with required bluez version etc., and Android > 6.0.

Requirements

Update, 23/02/2020: I have released an extension of Bernd's sketch, which provides both WiFi connection status and a list of access points seen by the esp32 device, check it out at: https://github.com/UriShX/esp32_wifi_ble_advanced.
The app relies on communication with the esp32 device based on Bernd Giesecke's ESP32 WiFi configuration over BLE, and intends to replace the native Android Java app Bernd used. That is so it may be useable on a broader range of machines - essentially, every modern PC from the last few years (that has a working BLE interface), and Android devices (click here for current implementation status). Sadly, there is no support atm for iOS devices, though I believe it can be possible to achieve with nativescript.

JS libraries and CSS used:

• Knockout JS
• BluetoothTerminal (out of sheer laziness). A bit modified, and it works. Replaced with a custom file created using get Started with Web Bluetooth, a web-ble boilerplate code generator app.
• JQuery
• Sammy JS
• Bootstrap 4 & associated libs

Notices

• geo_spoof.js is used to prevent the BLE connection from asking permission to use geolocation services
• App uses Bernd's UUID's to maintain usability.
• App also searches for devices with a name that starts with "ESP32", and does not display other devices.

TODO

Update 05/20: A newer version of this app which is more secure can be found here. The newer version has been written with Nuxt.JS (a Vue framework). I will concentrate my efforts on the newer app.

• Make app progressive.
• Expand usability. That is probably the most important of all - keep current usability, while adding features such as:
  • Getting connection status from device via notification. Done. Works with my modified code found here.
  • Getting a list of SSIDs seen by device. Done. Works with my modified code found here.
  • Setting up a device password and authentication scheme, so not everyone can get to the device and read passwords stored on it.

Further goals:

• Create different configurations based on connection method:
  1. Replace Knockout with Vue? Whatever works for getting the app to compile as native iOS & Android apps.
  2. Replace Bootsrap 4 with a lighter CSS framework, so that app can be embedded in the device, and be used as captive portal for WiFi configuration (without BLE).