利用点灯科技的sdk搭建物联网开发环境 linux + 手机app

这篇博客介绍了如何在Linux环境下安装和配置Node.js,特别是高版本的Node.js,以及如何通过ts-node运行TypeScript代码。内容包括创建Blinker设备,定制App界面,监听和响应设备按钮事件。示例代码展示了如何创建按钮组件,监听按钮点击并更新数值。
摘要由CSDN通过智能技术生成

 ---》手机端

从点灯科技官网可下载手机 app , 然后添加设备,定制自己App界面

​https://diandeng.tech/dev​icon-default.png?t=M666http://​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);
        // 其他控制代码
    })

})

---》运行

ts-node hello.ts  即可运行程序,如果有异常根据现象解决即可,正常情况下,app 上单击按钮,就会进入按钮所在的回调函数,只需要做对应处理即可。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值