AiThinkerWechatForNB-IoT

所属分类:物联网
开发工具:EJS
文件大小:0KB
下载次数:0
上传日期:2023-12-13 03:49:28
上 传 者sh-1993
说明:  一个基于安信可NB-IoT模组远程定位的微信公众号源码
(The source code of a WeChat official account based on the remote positioning of the Essence NB IoT module)

文件列表:
png/
src/
access_token.json
package-lock.json
package.json

# AiThinkerWechat 这是基于安信可NB-IoT模组+GPS模组/WiFi模组打造的一个可远程显示定位信息的服务器和微信公众号前端代码,现全面开源奉献物联网。 - [x] 需要自己集成一个MQTT服务器,必须支持 websocket 以及 TCP 协议。 - [x] 集成百度地图开发API SDK等组件:[https://lbsyun.baidu.com/index.php?title=jspopularGL](https://lbsyun.baidu.com/index.php?title=jspopularGL) - [x] 必须自己搭建一个可远程访问的主机,可以使用阿里云ECS、腾讯云、华为云等远程主机。 - [x] 必须准备一个微信公众号,自行注册:https://mp.weixin.qq.com/ ### 页面效果

NB/A9G模组定位

微信配网页面

### 一、服务器开始集成 因为此项目是在微信公众号上运行的,所以此服务必须可以远程访问,即部署在远程主机,您可以使用花生壳等工具本地调试。 Step ① :首先主机环境要安装 NodeJs 和 npm ,参考官方: ``` https://nodejs.org/zh-cn/download/ ``` Step ② :然后,开始安装第三方包: ``` npm init npm install ``` Step ③ :修改公众号配置,设置JS接口安全域名: ![domain_config_01](png/domain_config_01.png) Step ④ :查看开发信息,并设置IP白名单。 ![domain_config_01](png/domain_config_02.png) Step ⑤ :代码中修改配置,在 src/config.json 文件里面修改: ```C { "token": "", "encodingAESKey": "", "accoutId": "填写您的微信公众号ID", "appID": "填写您的微信公众号appID", "appScrect": "填写您的微信公众号appScrect", "myDomain": "http://域名/index", "airkissDomain": "http://域名/api/old/wifi/config" } ``` Step ⑥ :代码修改MQTT服务器配置信息,在[src/nb/map_show/index.ejs](https://github.com/xuhongv/AiThinkerWechatForNB-IoT/blob/main/src/nb/map_show/index.ejs#L183)文件修改: ``` var options = { //mqtt客户端的id,这里面应该还可以加上其他参数,具体看官方文档 clientId: 'mqttjs_' + Math.random().toString(16).substr(2, 8), keepalive: 60, clean: false } //浏览器采用websocket协议,host主机地址,端口,路径为 var client = mqtt.connect("ws://www.your-domain.com:8083/mqtt", options) ``` Step ⑦ :代码修改您的百度地图应用的 ak,在[src/nb/map_show/index.ejs](https://github.com/xuhongv/AiThinkerWechatForNB-IoT/blob/main/src/nb/map_show/index.ejs#L16)文件修改: ```