亚洲电视网

【ProtoPie Connect 教程】第7课 - Bridge App进阶 - 连接智能家居 世界观热点

来源:哔哩哔哩 时间:2023-01-29 22:58:08

引言

我们常常希望可以创建涉及物理设备交互的原型。尽管ProtoPie Connect内置的插件琳琅满目,已然可以满足与很多事物之间的连接与交互,但不可避免地仍然会遇到这些插件并未覆盖到相关事物的情形。如同前面的课程所述,在企业版订阅中,可以用自定义Bridge App的方式来实现在ProtoPie与你所想到的任意设备之间进行通信。

学习内容

在本教程中,我们将把一个名为Home Assistant的开源应用程序连接到智能家居上,并对智能灯具实现物理控制。

再次强调,我们会从一些现成的模板代码开始,以便使你的app得以快速连接到ProtoPie Connect上。


【资料图】

我们会使用Home Assistant WebSocket API(https://github.com/home-assistant/home-assistant-js-websocket)来传递指令,实现智能灯具的开灯和关灯操作。

你可以了解到如何同时运行多个Bridge App。

我们会创建一个可移植的插件文件,以便让你与你的团队可以更便捷地共享这个Bridge App。

本教程约需30-45分钟完成。

所需资源

ProtoPie企业版订阅

为ProtoPie Connect编写自定义Bridge App的功能仅适用于ProtoPie企业版订阅中所包含的完整版Connect。如果你正在使用的是ProtoPie专业版订阅,其所包含的是轻量版Connect,这种情况下无法使用自定义Bridge App功能。

一些编程经验

并不要求非得是专业的开发者才能看懂下面的教程范例,如果你之前有过哪怕一点很简单的JavaScript编程经验,那就已经不错了。而如果你此前从未进行过编程,那可能需要先花点工夫来理解。

如果你在编程上完全是个新手,那么建议你先学习以下教程:

Net Ninja:JavaScript新手教程(https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET)

Net Ninja: Node JS新手教程(https://www.youtube.com/playlist?list=PL4cUxeGkcC9gcy9lrvMJ75z9maRw4byYp)

学习编程无疑是一件需要投入很多时间的事,但对原型制作者乃至设计师来说,同样是一项十分有用的技能,即便只是对代码略知一二,也会为你与项目团队之间的关系带来不少惊喜。

合用的文本编辑器

鉴于我们在做的是编写程序代码的工作,这就需要有一个合用的文本编辑器。像记事本这类操作系统里自带的软件确实也可以用来编程,但工作效能上并不理想。幸运的是,业界还有许多优秀的文本编辑器可供选择使用:

Sublime Text(https://www.sublimetext.com/)

Brackets(https://brackets.io/)

Visual Studio Code(https://code.visualstudio.com/)

在后面的例子中我用的是Sublime Text,所以如果你希望你跟随学习时看到的内容跟我的一模一样,就也得跟着使用Sublime Text。

Home Assistant正在你的网络上运行,并且你至少有一盏智能灯具

安装和配置Home Assistant并不在本教程的讲解范围内,但你可以访问Home Assistant(https://www.home-assistant.io/getting-started/)入门页面,然后在上面找到关于Home Assistant启动和运行上你所需要的所有资源。

Home Assistant所支持的任意可调光智能灯具都适用于本教程。

如果你没有专门用于运行Home Assistant的电脑,那么可以在你的电脑里用虚拟机的方式来运行,这种方式对于本教程所讲的内容没有影响,按教程搭建好后同样可以正常工作。

模板代码

以下模板代码与上一个课程是一样的,下载下面的ZIP文件并解压到你电脑中便于记住的位置上即可。

protopie-connect-bridge-app-模板.zip 

初始Pie文件

本教程需要以下两个Pie文件来进行:

https://cloud.protopie.io/p/3606cbdb1e

https://cloud.protopie.io/p/2c6f9f0cdf

我们开始吧!

请浏览以下视频教程并跟随视频内容进行操作。

相关资源

Home Assistant WebSocket API参考

https://developers.home-assistant.io/docs/api/websocket/

Home Assistant JS WebSocket代码

https://github.com/home-assistant/home-assistant-js-websocket

X 关闭

推荐

Copyright ©  2015-2022 亚洲电视网版权所有  备案号:豫ICP备20022870号-9   联系邮箱:553 138 779@qq.com