---》手机端
从点灯科技官网可下载手机 app , 然后添加设备,定制自己App界面
https://diandeng.tech/dev
http://https://diandeng.tech/dev
创建一个设备,定制一个按钮

右上角第一个 ...按钮可以查看设备的密钥和其他信息,第二个按钮可以修改界面布局,修改按钮名称等。这两项后面有用。


---》Linux 环境
安装 node.js
注意:需要安装高版本的 node
yum install rh-nodejs10
默认安装的程序无法访问,在 /usr/local/bin 目录下建立软连接/
cd /usr/local/bin/
ln -s /opt/rh/rh-nodejs10/root/usr/bin/node ./
ln -s /opt/rh/rh-nodejs10/root/usr/bin/npm .
安装ts-node
npm i -g ts-node
cd /usr/local/bin/
ln -s /opt/rh/rh-nodejs10/root/usr/bin/ts-node ./
npm install -g typescript
安装依赖包
git clone https://github.com/blinker-iot/blinker-js.git
cd blinker-js
npm i
编辑样例代码
代码在 blincker-js/example 目录, 复制 example_hello.ts 为 my_hello.ts
cp example_hello.ts my_hello.ts
vi my_hello.ts
import { BlinkerDevice } from '../lib/blinker';
import { ButtonWidget, NumberWidget } from '../lib/widget';
let device = new BlinkerDevice("exxxxxxxxxx74c3"); //这里是设备的密钥,需要修改的地方
// 注册组件
let button1: ButtonWidget = device.addWidget(new ButtonWidget('btn-123')); //按钮名称 ,需要修改的地方
let button2: ButtonWidget = device.addWidget(new ButtonWidget('btn-abc'));
let number1: NumberWidget = device.addWidget(new NumberWidget('num-abc'));
let num = 0;
device.ready().then(() => {
device.dataRead.subscribe(message => {
console.log('otherData:', message);
})
button1.listen().subscribe(message => {
console.log('button1:', message.data);
num++;
number1.value(num).update();
})
button2.listen().subscribe(message => {
console.log('button2:', message.data);
// 其他控制代码
})
})
这篇博客介绍了如何在Linux环境下安装和配置Node.js,特别是高版本的Node.js,以及如何通过ts-node运行TypeScript代码。内容包括创建Blinker设备,定制App界面,监听和响应设备按钮事件。示例代码展示了如何创建按钮组件,监听按钮点击并更新数值。
1438

被折叠的 条评论
为什么被折叠?



