npm 包 nextion 使用教程

什么是 nextion

nextion 是一款智能 LCD 显示屏，通过串口与主控板通讯，展示各种信息，可广泛应用于电子、通讯等领域。在前端中，我们可以利用 nextion 展示一些特定的信息，将其应用于 UI 界面中。

npm 包 nextion

npm 包 nextion 是一个方便大家使用 nextion 的库，可以轻松地操作 nextion 展示屏。

安装

使用 npm 进行安装：

npm install nextion --save

使用

1. 导入 nextion 包

   import { Nextion } from 'nextion'

2. 初始化

   const nextion = new Nextion({
       port: '/dev/tty.usbserial-0001', // 串口号（需修改为当前电脑串口号）
       baudRate: 115200 // 波特率
   })

3. 连接

   nextion.connect()

4. 发送数据

   nextion.write('page/index') // 跳转到指定页面

示例

下面来详细演示一下如何使用 npm 包 nextion 进行操作。

假设我们有一个项目需要在 nextion 展示屏上展示一个显示框，框内随时间显示递增的数字。

1. 准备工作

   首先，我们需要准备好 nextion 展示屏，并且串口连接在电脑上。然后，我们需要进入 nextion 的编辑器中，创建一个文本框和一个变量。

   

   在这里，我们创建了一个文本框和一个变量，变量的名称为 "t0"，初值为 "0"。

2. 编写代码

   让我们开始编写代码了。首先，我们需要导入 nextion 包。

   import { Nextion } from 'nextion'

   然后，我们需要定义一个计时器，每秒更新一次显示框内的数字。

   let number = 0 // 记录要显示的数字
   setInterval(() => {
       number++
       nextion.write(`t0.txt="${number}"`) // 显示数字
   }, 1000)

   最后，我们需要初始化 nextion 展示屏。

   const nextion = new Nextion({
       port: '/dev/tty.usbserial-0001', // 串口号（需修改为当前电脑串口号）
       baudRate: 115200 // 波特率
   })
   
   nextion.connect()

3. 运行代码

   将代码存储为 index.js 文件，并且使用 Node.js 进行运行：

   node index.js

   现在，我们可以在 nextion 展示屏上看到一个数字不断递增的文本框了。

总结

npm 包 nextion 是一个方便大家使用 nextion 的库，通过上面的内容，我们了解了如何安装、使用等基本操作，也讲解了如何应用 nextion 进行一个简单的数字显示效果，希望对大家在应用 nextion 中有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5f51ab1864dac671e2