從Web瀏覽器連接到藍牙設備

描述

在本教程中，我們將使用 javascript 設置 BleuIO 并通過按下按鈕快速開始掃描或作為 iBeacon 或 Eddystone 進行廣告宣傳。

在我們開始之前

本文假設您對低功耗藍牙 (BLE) 的工作原理有一定的了解。由于 Google Chrome 上的 Chrome Serial 規范尚未最終確定，您必須啟用突出顯示的標志，然后重新啟動 Chrome。

我們需要的東西：

• 谷歌瀏覽器
• BleuIO , 藍牙低功耗 USB 加密狗*

第 1 步：設置 Chrome

在 chrome 瀏覽器中打開chrome://flags/#enable-experimental-web-platform-features和

在chrome://flags中啟用#enable-experimental-web-platform-features標志

第 2 步：復制腳本

您也可以從GITHUB PAGE獲取源代碼。

該腳本包含

索引.html

在這里，我們創建一個簡單的 html 頁面，其中包含標題、按鈕和顯示輸出的字段。我們還添加了一個文本框，如果用戶不滿足 Chrome 序列號的要求，該文本框將會顯示。

腳本.js

該腳本處理功能。我們將按鈕與點擊偵聽器連接起來，并編寫我們需要的功能。通過運行：

端口 = 等待 navigator.serial.requestPort(); 從串行 api 我們可以得到可用的 com 端口列表。然后我們連接到那個端口并開始監聽來自加密狗的輸入。“制作 ibeacon”和“制作 eddystone”按鈕使用“writeCmd()”并訪問加密狗上可用的適當 AT 命令以將設備變為信標。

在“readLoop()”函數中，我們只是打印從加密狗到“日志”元素的所有內容。但是您也可以在指示操作成功與否的命令（如 OK、ADVERTISING 或 ERROR 等）之后偵聽響應消息，然后處理它并打印您喜歡的響應消息。

樣式.css

它為腳本提供了基本樣式。

輸出看起來像圖像。

第 3 步：運行腳本

?

?

只需在 Chrome 網絡瀏覽器中打開index.html即可運行網絡應用程序。

祝你好運。