微信除了聊天竟然还可以控制灯泡
微信能做的事情越来越多，今天介绍“”微信控制灯泡“”了解控制灯泡的原理后，就能继续添加控制空调、控制电视、获取温度等功能，微信并不自带此功能，是通过开源项目deviceconnect来实现的，这里将详细介绍deviceconnect项目。
微信控制灯泡的系统框图如下所示：
系统分为三部分：手机、云服务器、arm工控板。云服务器把手机端发送过来的命令转送到arm工控板，arm工控板解析命令后控制灯泡的亮与灭。
1.1 deviceconnect开源项目简介
deviceconnect是手机控制arm板子上的外设的最简单实例，目标是让使用者能更方便的扩张功能。deviceconnect在手机端提供了三种方式：
1. 微信订阅号点亮arm板子上的led灯；
2. android app点亮arm板子上的led灯；
3. ios app点亮arm板子上的led灯。
1.1.1 硬件环境
云服务器：腾讯云服务器，特点是免费1个月。
arm工控板：广州致远电子的epc-6g2c，特点是有8路串口。
手机：安卓、iphone手机都可以。
1.1.2 源码下载
源码地址：https://github.com/yufangmin/deviceinternet.git
1.1.3 源码结构
下载源码后，它的目录结构如下所示：
源码目录的功能如下表：
apphtml目录内是运行在服务器上面的源码和固件，它提供了两个功能，一是处理手机和硬件产品发过来的http请求（获取设备信息或控制设备的命令），二是提供了http页面，在微信订阅号后台把某个页面的“阅读原文”的地址指向这个http页面，http页面实现了控制灯泡的功能。微信订阅号的申请和介绍在官网有详细文档，这里不介绍。
android目录、ios目录、device目录，它们是三个应用程序，分别运行在android手机、iphone手机、amr开发板上面，它们采取相同的协议和服务器进行通信。
1.1.4 手机和云服务器的通信规则
手机和云服务器采取htpp协议api接口来通信，返回的值是json数据。有两类接口：设置接口和查询接口。
1. 设置接口
手机访问云服务器，把灯泡熄灭的接口如下：
http://127.0.0.1:8080/api/a7/control？active=put&key=led&value=off
可以在ie浏览器里面输入这段字符，它就能关闭灯泡。这里有三个关键字：active、key、value。
· active：可取两个值：put和get。put是设置的意思，get是查询的意思。
· key、value：服务器保存了一个字典，这个key、value的值就是服务器字典里面的key和value。
active=put&key=led&value=off的意思是：设置led的值为关闭。
返回值是json数据，如下：
{errorcode:0， errormsg：配置led成功}
errorcode：返回0代表成功；返回其他值代表失败。
errormsg：返回errorcode编码对应的解释。
2. 查询接口
手机访问云服务器，获取灯泡状态的接口如下：
http://127.0.0.1:8080/api/a7/control？active=get&key=led
active=get&key=led的意思是：获取灯泡的状态。
返回值是json数据，如下：
{errorcode:0， key:led， value:off， errormsg：查询+key+成功}
意思是led的值为关闭。
1.1.5 服务器端的源码分析
服务器端是用java语言+spring库来实现的。在浏览器输入http://127.0.0.1:8080/api/a7/control？active=put&key=led&value=off来访问服务器时，实际上会调用appapicontroller类的 api（。。。）函数，函数原型如下：
@requestmapping（value = “/api/{productname}/{functionname}”） // 1. productname和functionname是http地址映射相关
public void api（
@pathvariable string productname， // 2. http://127.0.0.1:8080/api/a7/control？，api会被赋值到productname
@pathvariable string functionname， // 3. http://127.0.0.1:8080/api/a7/control？，a7会被赋值到functionname
httpservletrequest request， // 4. request，可通过这个变量读取客户端数据。
httpservletresponse response // 5. response，可通过这个变量写入客户端数据。
）
从request获知字符串active=put&key=led&value=off，然后进行处理，把处理结果通过response返回json数据给客户端。下面是完整的代码：
@controller
public class appapicontroller{
static hashmap
@requestmapping（value = “/api/{productname}/{functionname}”）
public void api（@pathvariable string productname，
@pathvariable string functionname，
httpservletrequest request， httpservletresponse response） throws ioexception {
system.out.println（“http connect in ”+new date（）.tostring（））;
hashmap
try {
// 获取参数信息
map
string active = parameters.get（“active”）;
if （active.compareto（“put”） == 0） {
// http://127.0.0.1:9090/api/a7/control？active=put&key=led&value=no
string key = parameters.get（“key”）;
string value = parameters.get（“value”）;
devicestatus.put（key， value）;
resultmap.put（“key”， key）;
resultmap.put（“value”， value）;
resultmap.put（“errorcode”， “0”）;
}else if（active.compareto（“get”） == 0） {
// http://127.0.0.1:9090/api/a7/control？active=get&key=led
string key = parameters.get（“key”）;
string value = devicestatus.get（key）;
resultmap.put（“key”， key）;
resultmap.put（“value”， value）;
resultmap.put（“errorcode”， “0”）;
}else {
resultmap.put（“errorcode”， “1001”）;
resultmap.put（“errormsg”， “active不正确”）;
}
}catch （exception e） {
resultmap.put（“errorcode”， “1002”）;
resultmap.put（“errormsg”， “参数不正确”）;
}
response.setcharacterencoding（“utf-8”）;
servletoutputstream outputstream = response.getoutputstream（）;
objectmapper mapper = new objectmapper（）;
mapper.writevalue（outputstream， resultmap）;
outputstream.flush（）;
}
}
从上面的代码可见：设置功能是把数据保存在一个map数据结构内；查询功能是从map内读出数据。服务器其实是个中转站。手机可以获取和设置灯泡，arm开发板获取灯泡状态并给灯泡断电或上电。
1.1.1 客户端的源码分析
微信http页面、ios app、安卓app、arm开发板程序，都是客户端，它们的功能本质一样，只是编程语言不同，所以这里仅介绍http页面源码。
页面有三个按钮和一张图片，代码如下所示：
为了解析服务器返回的json数据，采用了jquery库，如下所示：
按钮“设置led亮”是button类型，id是lighton。lighton对应的源码如下：
var args = {
url： ‘http://127.0.0.1/api/a7/control？’，
cache： false，
datatype： ‘json’
}
$（‘#lighton’）.on（‘click’， function（） {
args.data = ‘active=put&key=led&value=on’
args.success = function（data） {
$（‘#lightstatus’）.attr（‘src’， data.value === ‘on’ ？ “image/lamp_on.png” ： “image/lamp_off.png”）
}
$.ajax（args）
}）
在函数lighton内访问http://127.0.0.1/api/a7/control？ active=put&key=led&value=on后对返回结果的内的value值和on比较，如果成功则设置lamp_on.png，如果失败则设置lamp_off.png。按钮“设置led灭”和“查询led状态”的源码是类似的，这里不展示。
1. 结果展示
1） 微信订阅号的展示如下：
注：微信订阅号是用户自己申请的，本文作者申请了一个物通网互通的订阅号，你完全可以申请另外一个订阅号。上图的总共4个窗口，前2个窗口是通过微信公众号后台编辑实现，后2个窗口是由服务器源码html提供。
2. android app的展示如下：
3. iphone app的展示如下：
4. arm核心板（m6g2c cortex-a7）的展示如下：
PCB制板中触变性对网印效果的影响分析
简单的运算放大器测量
2015年大数据市场规模或达169亿美元
中国电信与中国联通已在24省市开通了5G共建共享基站
车载语音识别数据的技术进展与前景
微信除了聊天竟然还可以控制灯泡
电流、Q值、DCR三个主要参数
IDT推出无线基站射频卡低噪声计时芯片组
浅谈智能手机的音频设计技巧
每个安卓开发初学者应该了解的12个技巧
5G网络快速上线，ai需求变得更为迫切
PFC拓扑利用硅MOSFET的模块化栅极驱动方法
你知道半钢半柔电缆的用途吗？
国产系统deepin和Windows区别
时序问题常见的跨时钟域亚稳态问题
雷军回应小米汽车定价 小米SU7确实有点贵定位C级高性能生态科技轿车
鸿海连吞夏普、诺基亚功能机 从代工走向品牌
广州亚运会水上安防
关于《电路板微切片手册》
筹划收购全椒南大16.5398%股权，南大光电6月26日起停牌
微信控制灯泡的系统框图如下所示：
系统分为三部分：手机、云服务器、arm工控板。云服务器把手机端发送过来的命令转送到arm工控板，arm工控板解析命令后控制灯泡的亮与灭。
1.1 deviceconnect开源项目简介
deviceconnect是手机控制arm板子上的外设的最简单实例，目标是让使用者能更方便的扩张功能。deviceconnect在手机端提供了三种方式：
1. 微信订阅号点亮arm板子上的led灯；
2. android app点亮arm板子上的led灯；
3. ios app点亮arm板子上的led灯。
1.1.1 硬件环境
云服务器：腾讯云服务器，特点是免费1个月。
arm工控板：广州致远电子的epc-6g2c，特点是有8路串口。
手机：安卓、iphone手机都可以。
1.1.2 源码下载
源码地址：https://github.com/yufangmin/deviceinternet.git
1.1.3 源码结构
下载源码后，它的目录结构如下所示：
源码目录的功能如下表：
apphtml目录内是运行在服务器上面的源码和固件，它提供了两个功能，一是处理手机和硬件产品发过来的http请求（获取设备信息或控制设备的命令），二是提供了http页面，在微信订阅号后台把某个页面的“阅读原文”的地址指向这个http页面，http页面实现了控制灯泡的功能。微信订阅号的申请和介绍在官网有详细文档，这里不介绍。
android目录、ios目录、device目录，它们是三个应用程序，分别运行在android手机、iphone手机、amr开发板上面，它们采取相同的协议和服务器进行通信。
1.1.4 手机和云服务器的通信规则
手机和云服务器采取htpp协议api接口来通信，返回的值是json数据。有两类接口：设置接口和查询接口。
1. 设置接口
手机访问云服务器，把灯泡熄灭的接口如下：
http://127.0.0.1:8080/api/a7/control？active=put&key=led&value=off
可以在ie浏览器里面输入这段字符，它就能关闭灯泡。这里有三个关键字：active、key、value。
· active：可取两个值：put和get。put是设置的意思，get是查询的意思。
· key、value：服务器保存了一个字典，这个key、value的值就是服务器字典里面的key和value。
active=put&key=led&value=off的意思是：设置led的值为关闭。
返回值是json数据，如下：
{errorcode:0， errormsg：配置led成功}
errorcode：返回0代表成功；返回其他值代表失败。
errormsg：返回errorcode编码对应的解释。
2. 查询接口
手机访问云服务器，获取灯泡状态的接口如下：
http://127.0.0.1:8080/api/a7/control？active=get&key=led
active=get&key=led的意思是：获取灯泡的状态。
返回值是json数据，如下：
{errorcode:0， key:led， value:off， errormsg：查询+key+成功}
意思是led的值为关闭。
1.1.5 服务器端的源码分析
服务器端是用java语言+spring库来实现的。在浏览器输入http://127.0.0.1:8080/api/a7/control？active=put&key=led&value=off来访问服务器时，实际上会调用appapicontroller类的 api（。。。）函数，函数原型如下：
@requestmapping（value = “/api/{productname}/{functionname}”） // 1. productname和functionname是http地址映射相关
public void api（
@pathvariable string productname， // 2. http://127.0.0.1:8080/api/a7/control？，api会被赋值到productname
@pathvariable string functionname， // 3. http://127.0.0.1:8080/api/a7/control？，a7会被赋值到functionname
httpservletrequest request， // 4. request，可通过这个变量读取客户端数据。
httpservletresponse response // 5. response，可通过这个变量写入客户端数据。
）
从request获知字符串active=put&key=led&value=off，然后进行处理，把处理结果通过response返回json数据给客户端。下面是完整的代码：
@controller
public class appapicontroller{
static hashmap
@requestmapping（value = “/api/{productname}/{functionname}”）
public void api（@pathvariable string productname，
@pathvariable string functionname，
httpservletrequest request， httpservletresponse response） throws ioexception {
system.out.println（“http connect in ”+new date（）.tostring（））;
hashmap
try {
// 获取参数信息
map
string active = parameters.get（“active”）;
if （active.compareto（“put”） == 0） {
// http://127.0.0.1:9090/api/a7/control？active=put&key=led&value=no
string key = parameters.get（“key”）;
string value = parameters.get（“value”）;
devicestatus.put（key， value）;
resultmap.put（“key”， key）;
resultmap.put（“value”， value）;
resultmap.put（“errorcode”， “0”）;
}else if（active.compareto（“get”） == 0） {
// http://127.0.0.1:9090/api/a7/control？active=get&key=led
string key = parameters.get（“key”）;
string value = devicestatus.get（key）;
resultmap.put（“key”， key）;
resultmap.put（“value”， value）;
resultmap.put（“errorcode”， “0”）;
}else {
resultmap.put（“errorcode”， “1001”）;
resultmap.put（“errormsg”， “active不正确”）;
}
}catch （exception e） {
resultmap.put（“errorcode”， “1002”）;
resultmap.put（“errormsg”， “参数不正确”）;
}
response.setcharacterencoding（“utf-8”）;
servletoutputstream outputstream = response.getoutputstream（）;
objectmapper mapper = new objectmapper（）;
mapper.writevalue（outputstream， resultmap）;
outputstream.flush（）;
}
}
从上面的代码可见：设置功能是把数据保存在一个map数据结构内；查询功能是从map内读出数据。服务器其实是个中转站。手机可以获取和设置灯泡，arm开发板获取灯泡状态并给灯泡断电或上电。
1.1.1 客户端的源码分析
微信http页面、ios app、安卓app、arm开发板程序，都是客户端，它们的功能本质一样，只是编程语言不同，所以这里仅介绍http页面源码。
页面有三个按钮和一张图片，代码如下所示：
为了解析服务器返回的json数据，采用了jquery库，如下所示：
按钮“设置led亮”是button类型，id是lighton。lighton对应的源码如下：
var args = {
url： ‘http://127.0.0.1/api/a7/control？’，
cache： false，
datatype： ‘json’
}
$（‘#lighton’）.on（‘click’， function（） {
args.data = ‘active=put&key=led&value=on’
args.success = function（data） {
$（‘#lightstatus’）.attr（‘src’， data.value === ‘on’ ？ “image/lamp_on.png” ： “image/lamp_off.png”）
}
$.ajax（args）
}）
在函数lighton内访问http://127.0.0.1/api/a7/control？ active=put&key=led&value=on后对返回结果的内的value值和on比较，如果成功则设置lamp_on.png，如果失败则设置lamp_off.png。按钮“设置led灭”和“查询led状态”的源码是类似的，这里不展示。
1. 结果展示
1） 微信订阅号的展示如下：
注：微信订阅号是用户自己申请的，本文作者申请了一个物通网互通的订阅号，你完全可以申请另外一个订阅号。上图的总共4个窗口，前2个窗口是通过微信公众号后台编辑实现，后2个窗口是由服务器源码html提供。
2. android app的展示如下：
3. iphone app的展示如下：
4. arm核心板（m6g2c cortex-a7）的展示如下：
PCB制板中触变性对网印效果的影响分析
简单的运算放大器测量
2015年大数据市场规模或达169亿美元
中国电信与中国联通已在24省市开通了5G共建共享基站
车载语音识别数据的技术进展与前景
微信除了聊天竟然还可以控制灯泡
电流、Q值、DCR三个主要参数
IDT推出无线基站射频卡低噪声计时芯片组
浅谈智能手机的音频设计技巧
每个安卓开发初学者应该了解的12个技巧
5G网络快速上线，ai需求变得更为迫切
PFC拓扑利用硅MOSFET的模块化栅极驱动方法
你知道半钢半柔电缆的用途吗？
国产系统deepin和Windows区别
时序问题常见的跨时钟域亚稳态问题
雷军回应小米汽车定价 小米SU7确实有点贵定位C级高性能生态科技轿车
鸿海连吞夏普、诺基亚功能机 从代工走向品牌
广州亚运会水上安防
关于《电路板微切片手册》
筹划收购全椒南大16.5398%股权，南大光电6月26日起停牌