描述

該項目的目的是使用網(wǎng)絡(luò)瀏覽器或智能手機通過藍牙將消息發(fā)送到連接到 STM32 板的 LCD 顯示器。

一、簡介

低功耗藍牙項目基于STM32 Nucleo-144 ，它使用 BleuIO控制LCD 顯示。

對于這個項目，我們需要兩個 BleuIO USB 加密狗，一個連接到 Nucleo 板，另一個連接到計算機，運行 Web 腳本。當 BleuIO Dongle 連接到 Nucleo 板的 USB 端口時，STM32 將識別它并直接開始廣播。這允許計算機端口上的加密狗與網(wǎng)絡(luò)腳本連接。

使用電腦上的網(wǎng)頁腳本，我們可以使用 BleuIO 向連接到 STM32 的 LCD 屏幕發(fā)送消息。

在本示例中，我們使用了 STM32 Nucleo-144 開發(fā)板和 STM32H743ZI MCU（支持 STM32H743ZI micro mbed 的開發(fā) Nucleo-144 系列 ARM? Cortex?-M7 MCU 32 位嵌入式評估板）。該開發(fā)板有一個 USB 主機，用于連接 BleuIO 加密狗。

如果要使用其他設(shè)置，則必須確保它支持 USB 主機，并注意 GPIO 設(shè)置可能不同，可能需要在 .ioc 文件中重新配置。

關(guān)于守則

項目源代碼可在 Github 上獲得。

https://github.com/smart-sensor-devices-ab/stm32_bleuio_lcd.git

克隆項目，或?qū)⑵湎螺d為 zip 文件并解壓縮到您的 STM32CubeIDE 工作區(qū)。

如果您將項目下載為 zip 文件，則需要將項目文件夾從“stm32_bleuio_lcd-master”重命名為“stm32_bleuio_lcd”

?

將 SDA 連接到 Nucleo 板上的 PF0，將 SCL 連接到 PF1。

然后在 STM32Cube ioc 文件中設(shè)置 I2C2，如下所示。（確保根據(jù) LCD 顯示要求將 I2C 速度頻率更改為 50 KHz。）

?

?

?

在 USB_HOST\usb_host.c 中的 USBH_CDC_ReceiveCallback 函數(shù)中，我們將 CDC_RX_Buffer 復(fù)制到一個名為 dongle_response 的外部變量中，該變量可從 main.c 文件訪問。

void USBH_CDC_ReceiveCallback(USBH_HandleTypeDef * phost) {
  if (phost == & hUsbHostFS) {
    // Handles the data recived from the USB CDC host, here just printing it out to UART
    rx_size = USBH_CDC_GetLastReceivedDataSize(phost);
    HAL_UART_Transmit( & huart3, CDC_RX_Buffer, rx_size, HAL_MAX_DELAY);

    // Copy buffer to external dongle_response buffer
    strcpy((char * ) dongle_response, (char * ) CDC_RX_Buffer);

    // Reset buffer and restart the callback function to receive more data
    memset(CDC_RX_Buffer, 0, RX_BUFF_SIZE);
    USBH_CDC_Receive(phost, CDC_RX_Buffer, RX_BUFF_SIZE);
  }

  return;
}

在 main.c 中，我們創(chuàng)建了一個簡單的解釋器，這樣我們就可以對從加密狗收到的數(shù)據(jù)做出反應(yīng)。

void dongle_interpreter(uint8_t * input) {

  if (strlen((char * ) input) != 0) {
    if (strstr((char * ) input, "\r\nADVERTISING...") != NULL) {
      isAdvertising = true;
    }
    if (strstr((char * ) input, "\r\nADVERTISING STOPPED") != NULL) {
      isAdvertising = false;
    }
    if (strstr((char * ) input, "\r\nCONNECTED") != NULL) {
      isConnected = true;
      HAL_GPIO_WritePin(GPIOE, GPIO_PIN_1, GPIO_PIN_SET);
    }
    if (strstr((char * ) input, "\r\nDISCONNECTED") != NULL) {
      isConnected = false;
      HAL_GPIO_WritePin(GPIOE, GPIO_PIN_1, GPIO_PIN_RESET);
    }

    if (strstr((char * ) input, "L=0") != NULL) {

      isLightBulbOn = false;
      //HAL_GPIO_WritePin(Lightbulb_GPIO_Port, Lightbulb_Pin, GPIO_PIN_RESET);
      lcd_clear();

      writeToDongle((uint8_t * ) DONGLE_SEND_LIGHT_OFF);

      uart_buf_len = sprintf(uart_tx_buf, "\r\nClear screen\r\n");
      HAL_UART_Transmit( & huart3, (uint8_t * ) uart_tx_buf, uart_buf_len, HAL_MAX_DELAY);
    }

    if (strstr((char * ) input, "L=1") != NULL) {
      isLightBulbOn = true;
      writeToDongle((uint8_t * ) DONGLE_SEND_LIGHT_ON);

      lcd_clear();

      lcd_write(input);

    }

  }
  memset( & dongle_response, 0, RSP_SIZE);
}

我們將解釋器函數(shù)放在主循環(huán)中。

/* Infinite loop */
/* USER CODE BEGIN WHILE */
while (1) {
  /* USER CODE END WHILE */
  MX_USB_HOST_Process();

  /* USER CODE BEGIN 3 */
  // Simple handler for uart input
  handleUartInput(uartStatus);

  // Inteprets the dongle data
  dongle_interpreter(dongle_response);

  // Starts advertising as soon as the Dongle is ready.
  if (!isAdvertising && !isConnected && isBleuIOReady) {
    HAL_Delay(200);
    writeToDongle((uint8_t * ) DONGLE_CMD_AT_ADVSTART);
    isAdvertising = true;
  }
}
/* USER CODE END 3 */

使用示例項目

我們需要什么

• 兩個 BleuIO 加密狗（https://www.bleuio.com/）
• 帶有 STM32 微控制器和 USB 端口的板。（Nucleo-144 開發(fā)板：NUCLEO-H743ZI2，用于開發(fā)此示例。（https://www.st.com/en/evaluation-tools/nucleo-h743zi.html）將加密狗連接到 Nucleo 板可以使用帶有 USB A 母對母適配器的“USB A 到 Micro USB B”電纜。）

?

• STM32CubeIDE（https://www.st.com/en/development-tools/stm32cubeide.html）
• 液晶顯示模塊 – NHD-0420D3Z-NSW-BBW-V3 ( https://www.digikey.com/en/products/detail/newhaven-display-intl/NHD-0420D3Z-NSW-BBW-V3/2626390?s =N4IgTCBcDAIHIAkAiBaADAFjGpBmAWinAMoDqKAQheQGq4gC6AvkA)

作為現(xiàn)有項目導(dǎo)入

從 STM32CubeIDE 中選擇 File>Import…

?

然后選擇 General>Existing Projects into Workspace 然后點擊“Next >”

?

確保您在“選擇根目錄：”中選擇了您的工作區(qū)

您應(yīng)該會看到項目“stm32_bleuio_SHT85_example”，選中它并單擊“完成”。

?

運行示例

將代碼上傳到 STM32 并運行示例。連接到 STM32 的 USB 加密狗將自動開始廣播。

從網(wǎng)絡(luò)瀏覽器向 LCD 屏幕發(fā)送消息

將 BleuIO 加密狗連接到計算機。運行 Web 腳本以連接到 STM32 上的另一個 BleuIO 加密狗。現(xiàn)在您可以將消息發(fā)送到 LCD 屏幕。

為了讓這個腳本工作，我們需要

• BleuIO USB 加密狗連接到計算機。
• BleuIO JavaScript 庫
• Chrome 78 或更高版本，您需要在 chrome://flags 中啟用#enable-experimental-web-platform-features標志
• 一個網(wǎng)絡(luò)捆綁器——（包裹 js）

創(chuàng)建一個名為 index.html 的簡單 Html 文件，該文件將用作腳本的前端。此 Html 文件包含一些按鈕，可幫助連接和讀取來自遠程加密狗的廣告數(shù)據(jù)，該加密狗連接到 stm32。

html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
      crossorigin="anonymous"
    />
    <title>Send message to STM32 LCD display using Bluetooth LEtitle>
  head>
  <body class="mt-5">
    <div class="container mt-5">
      <h1 class="mb-5">Send message to STM32 LCD display using Bluetooth LEh1>
      <button class="btn btn-success" id="connect">Connectbutton>
      <div class="row">
        <div class="col-md-4">
          <form method="post" id="sendMsgForm" name="sendMsgForm">
            <div class="mb-3">
              <label for="msgToSend" class="form-label">Your Messagelabel>
              <input
                type="text"
                class="form-control"
                name="msgToSend"
                id="msgToSend"
                required
                maxlength="60"
              />
            div>

            <button type="submit" class="btn btn-primary">Submitbutton>
          form>
        div>
      div>

      <br />
      <button class="btn btn-danger" id="clearScreen" disabled>
        Clear screen
      button>
    div>

    <script src="script.js">script>
  body>
html>

創(chuàng)建一個名為 script.js 的 js 文件并將其包含在 Html 文件的底部。這個 js 文件使用 BleuIO js 庫來編寫 AT 命令并與其他加密狗進行通信。

import * as my_dongle from 'bleuio'
const dongleToConnect = '[0]40:48:FD:E5:2F:17'
document.getElementById('connect').addEventListener('click', function() {
	my_dongle.at_connect()
	document.getElementById("clearScreen").disabled = false;
	document.getElementById("connect").disabled = true;
	document.getElementById("sendMsgForm").hidden = false;
})

document.getElementById("sendMsgForm").addEventListener("submit", function(event) {
	event.preventDefault()
	console.log('here')


	my_dongle.ati().then((data) => {
			//make central if not
			if (JSON.stringify(data).includes("Peripheral")) {
				console.log('peripheral')
				my_dongle.at_central().then((x) => {
					console.log('central now')
				})
			}
		})
		.then(() => {
			// connect to dongle
			my_dongle.at_getconn().then((y) => {
					if (JSON.stringify(y).includes(dongleToConnect)) {
						console.log('already connected')
					} else {
						my_dongle.at_gapconnect(dongleToConnect).then(() => {
							console.log('connected successfully')
						})
					}
				})
				.then(() => {
					var theVal = "L=1 " + document.getElementById('msgToSend').value;
					console.log('Message Send 1 ' + theVal)
					// send command to show data
					my_dongle.at_spssend(theVal).then(() => {
						console.log('Message Send ' + theVal)
					})
				})

		})
});



document.getElementById('clearScreen').addEventListener('click', function() {
	my_dongle.ati().then((data) => {
			//make central if not
			if (JSON.stringify(data).includes("Peripheral")) {
				console.log('peripheral')
				my_dongle.at_central().then((x) => {
					console.log('central now')
				})
			}
		})
		.then(() => {
			// connect to dongle
			my_dongle.at_getconn().then((y) => {
					if (JSON.stringify(y).includes(dongleToConnect)) {
						console.log('already connected')
					} else {
						my_dongle.at_gapconnect(dongleToConnect).then(() => {
							console.log('connected successfully')
						})
					}
				})
				.then(() => {
					// send command to clear the screen
					my_dongle.at_spssend('L=0').then(() => {
						console.log('Screen Cleared')
					})
				})

		})
})

?

該腳本有一個按鈕可以連接到計算機上的 COM 端口。有一個文本字段，您可以在其中編寫消息。您的消息將顯示在連接到 STM32 開發(fā)板的 LCD 屏幕上。

要連接到 STM32 上的 BleuIO 加密狗，請確保 STM32 已通電并連接了 BleuIO 加密狗。

獲取 MAC 地址

按照步驟獲取連接到STM32的加密狗的MAC地址

- Open this site https://bleuio.com/web_terminal.html and click connect to dongle.
- Select the appropriate port to connect.
- Once it says connected, type ATI. This will show dongle information and current status.
- If the dongle is on peripheral role, set it to central by typing AT+CENTRAL
- Now do a gap scan by typing AT+GAPSCAN
- Once you see your dongle on the list ,stop the scan by pressing control+c
- Copy the ID and paste it into the script (script.js) line #2

運行網(wǎng)頁腳本

您將需要一個網(wǎng)絡(luò)捆綁程序。您可以使用parcel.js

安裝 parcel js 后，轉(zhuǎn)到 web 腳本的根目錄并輸入“parcel index.html” 。這將啟動您的開發(fā)環(huán)境。

?

在瀏覽器上打開腳本。對于這個例子，我們打開http://localhost:1234

您可以輕松連接到加密狗并將消息發(fā)送到 LCD 屏幕。響應(yīng)將顯示在瀏覽器控制臺屏幕上。

網(wǎng)絡(luò)腳本看起來像這樣

?

輸出

信息將顯示在液晶顯示屏上。

?

?