引言

我们常常希望可以创建涉及物理设备交互的原型。尽管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

我们开始吧！

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