<script type="module" src="https://www.improv-wifi.com/sdk-js/launch-button.js"></script>
npm install --save improv-wifi-sdk
And then import it in your code:
Add the following to your website to show a button to start the provisioning process:
A warning message will be rendered if the browser does not support WebBluetooth.
The following attributes are automatically added to
<improv-wifi-launch-button> and can be used for styling:
|Added if this browser is supported|
|Added if this browser is not supported|
It is possible to customize the button and the message. You do this by putting your elements inside the
<improv-wifi-launch-button> element and adding the appropriate
slot attribute. Use
activate to replace the activation button and
unsupported to replace the unsupported message:
<improv-wifi-launch-button> <button slot='activate'>Start provisioning!</button> <span slot='unsupported'>Your browser does not support provisioning.</span> </improv-wifi-launch-button>
When the state of provisioning changes, a
state-changed event is fired.
state-changed event contains the following information:
|state||The current state (|
This SDK requires a browser with support for WebBluetooth. Currently this is supported by Google Chrome, Microsoft Edge and other browsers based on the Blink engine.
No iOS devices are supported.