远程控制之移动篇

移动篇

一、前言

前面稍微介绍了一下渔业iot的组成，主要分为四个部分，移动端、控制终端、服务端、底层硬件。今天所要讲的是移动端的实现。

二、准备

在这之前，读者最好是具备前端基础知识，并且了解微信小程序相关框架，这样有助于理解内容。

然后去微信公众号注册账号。

注册完成之后就可以通过管理员的微信扫码进入，进入首页，我们还需要在设置里面配置小程序的基本信息。

下载微信小程序开发工具，选择稳定版即可。

到这里准备工作也差不多了，开始开发。

三、实现

创建项目yuyeiot，AppID在小程序网页开发-开发管理里面

  

创建完成之后，点击右上角详情，配置如下

远程控制功能，我已经实现了。所以，我会通过代码过一边，部分细节不会提到。

小程序一共有五个页面，包括登录、注册、控制、个人中心、添加设备。其中两个tab页面为控制和个人中心。

注册账号时，如果填写iccid，那么进入控制界面就会显示控制按钮。如果没有填写iccid，那么就需要绑定设备。这里看一下没有填写iccid，服务器返回的数据。

可以通过状态码来判断是否注册成功。注册成功之后，就可以登录了。

         

我们通过扫描二维码来绑定设备，如果在开发工具里面，需要先截图，再选择。二维码内容的格式为ykq/b449d66dce36a5ba2fbc，iccid的值就是b449d66dce36a5ba2fbc，不过这经过AES加密了，解密就会得到真正的iccid=ykq-000001.

绑定成功就进入控制界面了

移动端的主要功能大概就是这些了。如果想亲自是一下可以到码云上面下载，里面有比较详细的注释。

四、总结

在这个大前端时代，不学习一下前端知识怕是很难走的。前端融合趋势太明显了，uni-app就是一个很好的例子。也许过不了多久，万物互联大时代真就要到来了，相信前端这一块在应用方面一定不会缺席。