第1步:什么是伏特以及如何安装。
在最新版本中,involt已从chrome应用程序移动到node webkit。安装已更改,并且框架如何工作。
什么是involt?
involt已准备好用于具有内置串行和蓝牙功能的应用模板通信,可编辑的用户界面元素和高级用户的jquery方法。您可以控制arduino仅编写几行代码。如果内置的ui套件不能满足您的需求,则该框架将提供jquery支持,并且可以像其他jquery插件一样使用。
当然,还有其他使用javascript和arduino的方法,但关键是尽可能使involt变得简单。
安装
从http://nwjs.io/
下载node-webkit *。
下载involt并将其解压缩到node-webkit根文件夹中。
打开nw应用。
第2步:电路
这是基本示例,因此您只需要读取/发送数据即可。
将电位计连接到引脚a0。
将带有220欧姆电阻的led连接到引脚3
步骤3:arduino草图
有两个involt的工作流程-它取决于项目何时以草图或html代码开始,对于此示例,第一步是编辑arduino草图。
involt的作用就像软件和硬件之间的桥梁,因此与设备的通信是自动管理,但需要从双方编写代码。这不是缺点,因为它简化了许多事情。要与arduino通信,您需要从arduino文件夹中上传involt草图。要完全了解它是如何工作的,请阅读入门页面。
要从传感器(a0)读取值并将其发送给involt,您需要将此函数添加到void循环中:
void loop() {
//receive data from your app
involtreceive();
involtsend(0, analogread(a0));
}
从app接收到的值存储在involtpin数组中。要在引脚3上切换值,请添加以下内容:
。..
void setup(){
serial.begin(57600);
pinmode(3, output); //required for digitalwrite to work correctly
}
void loop() {
//receive data from your app
involtreceive();
digitalwrite(3, involtpin[3]);
involtsend(0, analogread(a0));
delay(2);
}
。..
步骤4:html和用户界面。
user界面
正如我之前提到的那样-使用involt创建app可以轻松处理其他html框架。每个ui元素的参数都是使用css类定义的。要自定义界面,可以添加或编辑css文件。
在index.html中的正文部分添加两行代码。第一行负责显示引脚a0值,第二行是用于在0/1之间切换数字引脚值的按钮(0是启动应用时的起始值)。
involt基本语法:
ard [功能] [pin] [值] [您的类]
看看您能做什么使用involt检查参考页
更多功能
您还可以发送pwm值。将切换按钮更改为两个具有pwm值的按钮(或toggle-pwm按钮)。这是将值255发送到引脚3的按钮示例:
click me
要创建自定义界面或更多高级交互,可以使用jquery。例如-将值123发送到引脚5看起来像这样:
$(this).pindefine(“p5”).sendvalue(123);
因为这是基本教程,所以我只使用了基本功能。请记住,有很多方法可以执行相同的操作。
测试
要检查结果,请打开应用程序,选择设备端口,您应该会看到与附件类似的内容图片。
有关文件和更多示例,请查看involt页面上的其他教程。
第5步:结束。
恭喜!现在您已经了解了involt框架的基础知识。
工业控制装置中必不可少,可编程控制器有何作用
国芯思辰|国产碳化硅MOSFET B2M065120Z使通讯电源PFC设计更高效
诺基亚新机型Heart被曝: 配置感人!
新能源汽车公司特斯拉被起诉 这次居然是因为商标!
iPhone8P全球首爆!实力甩锅三星,iphone8你还会买吗?
如何通过HTML和Involt与Arduino通信
6400万像素拍照的好处都有什么
春游正当时,怎能缺电!
对于在线监测设备我们该如何选择
磁性开关安装注意事项
如何最短时间内找出Linux性能问题?
中兴高管认为华为河图最值得关注
CAN总线中继器是什么,有哪些性能与和参数指标
微信巨变 马云的这个红包之痛待解
自动驾驶安全软件开发流程、特点及应用实践
第一本由机器学习生成的书籍——《锂离子电池:机器生成的当前研究摘要》
瞄准车载娱乐商机,瑞萨车用SoC导入big.LITTLE架构
电容为什么会爆炸?电容爆炸的原因
有载调压变压器在电力系统中的应用技术简介
光宝与丽清分别公布12月及2018全年营收