文章目录

一、前言
- 通讯协议
- 技术问题点
二、4G模组业务逻辑
- 上报基站信息
三、微信小程序控制
- 另外，不要把我的博客作为学习标准，我的只是笔记，难有疏忽之处，如果有，请指出来，也欢迎留言哈！

微信物联网生态主要分在微信硬件开发平台与腾讯物联开发平台，前者已经停止维护，但依然有着很大的学习价值，而后者作为主推的平台，集成很多功能，包括从微信小程序实现配网到控制；

为了兼顾更多的朋友和自己的学习笔记，我将会一直更新此专题笔记，欢迎关注本人CSDN半颗心脏，带你走进前沿领域，学习前沿技术！

自搭微信服务器&&微信硬件开发平台

【微信小程序控制硬件第1篇 】全网首发，借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器，轻松控制智能硬件！
【微信小程序控制硬件第2篇 】开始微信小程序之旅，导入小程序Mqtt客户端源码，实现简单的验证和通讯于服务器！
【微信小程序控制硬件第3篇 】从软件到硬件搭建一个微信小程序控制esp8266的项目，自定义通讯协议，为面试职位和比赛项目加分！
【微信小程序控制硬件第4篇 】深度剖析微信公众号配网 Airkiss 原理与过程，esp8266如何自定义回调参数给微信，实现绑定设备第一步！
【微信小程序控制硬件第5篇 】理清接下来必须走的架构思想，学习下 JavaScript 的观察者模式，在微信小程序多页面同时接收到设备推送事件！
【微信小程序控制硬件第6篇 】服务器如何集成七牛云存储SDK，把用户自定义设备图片存储在第三方服务器！
【微信小程序控制硬件第7篇 】动起来做一个微信小程序Mqtt协议控制智能硬件的框架，为自己心里全栈工程师梦想浇水！！
【微信小程序控制硬件第8篇 】微信小程序以 websocket 连接阿里云IOT物联网平台mqtt服务器，封装起来使用就是这么简单！
【微信小程序控制硬件第9篇 】巧借阿里云物联网平台的免费连接，从微信小程序颜色采集控制 esp8266 输出七彩灯效果，中秋节来个直播如何？！
【微信公众号控制硬件 第10篇 】如何在微信公众号网页实现连接mqtt服务器教程！！
【微信小程序控制硬件 第11篇 】全网首发，微信小程序ble蓝牙控制esp32，实现无需网络也可以控制亮度开关。
【微信小程序控制硬件 第12篇 】微信小程序蓝牙控制硬件应如何开发？为您全面解析微信小程序蓝牙API的使用。
【微信小程序控制硬件 第13篇 】【AT篇】与硬件平台无关，微信小程序 AP 配网安信可 Wi-Fi 模块入网示例。
【微信小程序控制硬件 第14篇 】微信小程序腾讯地图控制 Cat.1模组安信可CA-01 基站定位显示。

腾讯物联开发平台

【腾讯连连 - 腾讯物联开发平台第1篇】腾讯官方静鸡鸡发布的“腾讯连连”终于来了，按照官方教程教你在微信小程序实现配网、控制 ESP8266啦！
【腾讯连连 - 腾讯物联开发平台第2篇】深度解析微信小程序smartconfig配网原理，安信可ESP-12S直连腾讯物联开发平台！！
【腾讯连连 - 腾讯物联开发平台第3篇】安信可IoT微信小程序全面开源，小程序上实现一键配网+控制+绑定！
【腾讯连连 - 腾讯物联开发平台第4篇】ESP8266 RTOS C SDK二次开发接入腾讯物联网开发平台的笔记分享！

文章目录

一、前言
- 通讯协议
- 技术问题点
二、4G模组业务逻辑
- 上报基站信息
三、微信小程序控制
- 另外，不要把我的博客作为学习标准，我的只是笔记，难有疏忽之处，如果有，请指出来，也欢迎留言哈！

一、前言

最近项目有用到4G Cat.1 模组，于是乎，从业务逻辑中复盘做出了一个应用开发案列，供大家分享。

作为一个全栈技术者，我们所要考虑的是如何把数据完完全全打通并且显示在用户手上，其项目原理如下：

第一步：MCU + 安信可4G模组核心开发板实现上网+基站定位，使用MQTT协议把自身的基站信息定位发送给服务器；
第二步：微信小程序收到其定位信息，通过腾讯地图服务，转变为微信小程序地图的坐标系，即可成功显示；

通讯协议

下面所示的IMEI是指模组上的产品序列号，可从AT指令获取或扫描模组丝印的二维码获取，即国际移动设备识别码IMEI，由15位数字组成！

方向	Topic	payload	含义
小程序–>模组	/Ca-01/${IMEI}/devSub	{“code”:1}	小程序查询经纬度
模组–>小程序	/Ca-01/${IMEI}/devPub	{“code”:1,“Lat”:22.6665845,“Lon”:115.555}	设备正确上报经纬度
模组–>小程序	/Ca-01/${IMEI}/devPub	{“code”:0,“Lat”:22.6665845,“Lon”:115.555}	设备未获取经纬度

技术问题点

界面那个输入编号和扫描定位是干嘛的？

答：为了不把设备发布消息的主题写死在微信小程序里面，我定义了以上的灵活的主题设计。输入或扫描二维码得到设备的IMEI，小程序会根据双方定义好的协议去订阅该设备的主题，获取其上报的经纬度信息；

模组上报的经纬度坐标系是 WGS-84，而小程序地图的是腾讯坐标系，如何兼容？

答：使用腾讯地图服务API接口即可成功转换。

二、4G模组业务逻辑

这里采用的是安信可4G模组CA-01核心开发板，使用的串口UART接口协议，指令如下：

AT+CGATT?   //查询是否附着基站网络， 返回+CGATT: 1 表示附着上了 GPRS 数据网络，可以继续往下操作
AT+SAPBR=3,1,"CONTYPE","GPRS"//设置HTTP功能的承载类型，模块会返回"OK"
AT+SAPBR=3,1,"APN","CMIOT" //设置pdp承载参数之APN，模块会返回"OK"
AT+SAPBR=1,1   //激活该承载的GPRS PDP上下文，模块会返回"OK"
AT+SAPBR=2,1  //查询下承载的状态，模块会返回一串字符串，包含三个参数，第一个参数1表示cid，第二个参数1表示已经连接，第三个参数表示模块获取的IP地址；SAPBR激活成功即第二个参数为1才可继续往下操作//连接MQTT服务器
AT+MCONFIG="Ca-01","admin","xuhong123"
AT+MIPSTART="aligenie.xuhong.com",1883
AT+MCONNECT=1,50//获取地理位置
AT+CIPGSMLOC=1,1
//获取 IMEI
AT+CGSN
//发布消息
AT+MPUB="/Ca-01/862167058023411/devSub",1,0,"{\22code\22:1,\22Lat\22:\2222.604354\22,\22Lon\22:\22113.841825\22}"

上报基站信息

第1步先读取基站定位（LBS）信息和时间：AT+CIPGSMLOC=1,1

AT+CIPGSMLOC=1,1+CIPGSMLOC: 0,22.604354,113.841825,2021/03/26,15:41:51OK

第2步先读取查询 IMEI 号：AT+CGSN，下面读取到的是862167058023411。

AT+CGSN862167058023411OK

第3步就可以MQTT上报基站定位（LBS）信息和时间：AT+MPUB=<topic>,<qos>,<retain> ,<message>，根据上面的通讯协议，我们这样的设计应该这样的：

AT+MPUB="/Ca-01/862167058023411/devSub",1,0,"{"code":1,"Lat":"22.604354","Lon":"113.841825"}"

但是由于部分字符需要转义，所以以上的就转义：

AT+MPUB="/Ca-01/862167058023411/devSub",1,0,"{\22code\22:1,\22Lat\22:\2222.604354\22,\22Lon\22:\22113.841825\22}"

三、微信小程序控制

第一步，连接服务器：

 var that = this;//获取当前时间戳 设置为 clientIDvar timestamp = (new Date()).valueOf();this.setData({'options.clientId': "WC-" + timestamp})//开始连接this.data.client = mqtt.connect("wxs://aligenie.xuhong.com/mqtt", this.data.options);this.data.client.on('connect', function(connack) {wx.showToast({title: 'connect success',icon: 'none',duration: 2000})})//服务器下发消息的回调that.data.client.on("message", function(topic, payload) {console.log(" 收到 topic:" + topic + " , payload :" + payload);let obj = JSON.parse(payload);if (obj) {let isGet = obj.code === 1 ? true : false;console.log(" 收到 isGet:" + isGet);if (isGet) {that.translate(obj.Lat, obj.Lon);wx.showToast({title: '正在定位...',icon: 'none',duration: 2000})}elsewx.showToast({title: '设备定位中，请稍后重试..',icon: 'none',duration: 2000})}})//服务器连接异常的回调that.data.client.on("error", function(error) {console.log(" 服务器 error 的回调" + error)})//服务器重连连接异常的回调that.data.client.on("reconnect", function() {//console.log(" 服务器 reconnect的回调")})//服务器连接异常的回调that.data.client.on("offline", function(errr) {//console.log(" 服务器offline的回调")})

第二步，扫描二维码业务逻辑：

    let that = this;if (this.data.client && this.data.client.connected) {wx.scanCode({success: (res) => {if (res.errMsg === 'scanCode:ok') {that.data.client.subscribe('/Ca-01/' + res.result + '/devSub', function(err, granted) {if (!err) {that.setData({devSubTopic: '/Ca-01/' + res.result + '/devPub'})wx.showToast({title: '正在获取【' + res.result + "】的位置",icon: 'none',duration: 1000})} else {console.log('订阅报错：' + err)}})} elsewx.showToast({title: '抱歉，请认准在安信可模组上面的二维码。',icon: 'none',duration: 2000})},fail: (res) => {console.log(res);wx.showToast({title: '抱歉，重新扫描。',icon: 'none',duration: 2000})}})}

第三步，模组上报的经纬度坐标系是 WGS-84，而小程序地图的是腾讯坐标系，所以需要转换，而我这里调用第三方API接口

var that = this;let info = latitude + ',' + longitude;wx.request({url: 'https://apis.map.qq.com/ws/coord/v1/translate',method: "GET",data: { //发送给后台的数据locations: info,type: 1,key: 'GARBZ-PQ4EW-6CUR6-OJJWY-2APKQ-HEFFI',},success: function(res) {that.setData({latitude: res.data.locations[0].lat,longitude: res.data.locations[0].lng,'markers[0].latitude': res.data.locations[0].lat,'markers[0].longitude': res.data.locations[0].lng,})qqmapsdk.reverseGeocoder({location: {latitude: res.data.locations[0].lat,longitude: res.data.locations[0].lng},success: function(res) { //成功后的回调console.log(JSON.stringify(res));if (res.status === 0) {let getRecommend = res.result.recommend === '' ? true : false;if (getRecommend) {that.setData({'markers[0].callout.content': res.result.address + res.result.formatted_addresses.recommend,'markers[0].callout.display': 'ALWAYS'})} elsethat.setData({'markers[0].callout.content': res.result.address_component.nation +res.result.address_component.province +res.result.address_component.city +res.result.formatted_addresses.recommend,'markers[0].callout.display': 'ALWAYS'})}},fail: function(error) {console.error(error);},complete: function(res) {console.log(res);}});//console.log(" res.data.locations[0].lat:" + res.data.locations[0].lat);//console.log(" longitude: res.data.locations[0].lng:" + res.data.locations[0].lng);},fail: function(err) {}, //请求失败complete: function() {} //请求完成后执行的函数})

其中，转换坐标API的接口使用说明如下，点我链接，注意必须自己要去平台注册一个账号拿到请求的AppKey。

微信小程序代码结构如下：

本微信小程序源码免费下载：https://github.com/xuhongv/Cat.1TracerWcMini

另外，不要把我的博客作为学习标准，我的只是笔记，难有疏忽之处，如果有，请指出来，也欢迎留言哈！

玩转esp8266带你飞、加群QQ群，不喜的朋友勿喷勿加：434878850
个人邮箱：xuhongv@yeah.net 24小时在线，有发必回复！
esp8266源代码学习汇总（持续更新，欢迎star）：https://github.com/xuhongv/StudyInEsp8266
esp32源代码学习汇总（持续更新，欢迎star）：https://github.com/xuhongv/StudyInEsp32
关注下面微信公众号二维码，干货多多，第一时间推送！

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。相关推荐

【微信小程序控制硬件第14篇】分享一下我在微信公众号和小程序上实现的几个颜色采集器，轻松集成到您项目实现调光。
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
微信小程序控制硬件第17篇 : 腾讯连连小程序通过LLSync蓝牙协议控制安信可PB-02模组，无需网络实现蓝牙本地通讯。（附带源码）
文章目录前言一.注册腾讯物联开发平台设备新建项目新建产品创建数据模板选择设备开发方式交互开发配置新建设备二.设备端操作硬件简介与连接准备软件环境工程目录烧录步骤三.腾讯连连 ...
【微信小程序控制硬件第12篇-项目篇】微信小程序蓝牙控制硬件应如何开始动手？为您全面解析微信小程序蓝牙API的使用；（附带demo）
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
【微信小程序控制硬件第13篇】安信可B站直播学习总结，微信小程序MQTT远程控制ESP8266 NodeMCU，谈谈微信生态那些事；
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
【微信小程序控制硬件④】深度剖析微信公众号配网 Airkiss 原理与过程，esp8266如何自定义回调参数给微信，实现绑定设备第一步！（附带源码）
[微信小程序控制硬件第1篇 ] 全网首发,借助 emq 消息服务器带你如何搭建微信小程序的mqtt服务器,轻松控制智能硬件! [微信小程序控制硬件第2篇 ] 开始微信小程序之旅,导入小程序Mqtt客户 ...
【支付宝小程序控制硬件①】申请个人支付宝小程序开发的个人账户，说说那些睬坑日志，集成mqtt协议在支付宝小程序，实现基本通讯！
[支付宝小程序控制硬件①] 申请个人支付宝下程序开发的个人账户,认识支付宝小程序框架结构,做好智能控制第一步! 文章目录一.前言: 二.回忆支付宝小程序移植的过程: 三.注册账号了解支付宝开发者工具 ...
泰凌微ble mesh蓝牙模组天猫精灵学习之旅 ② 如何实现微信小程序蓝牙控制 Ble Mesh模组安信可TB02，全部开源！
本<泰凌微ble mesh蓝牙模组天猫精灵学习之旅>系列博客学习由非官方人员半颗心脏潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1.小 ...
【微信小程序控制硬件⑦ 进阶篇】动起来做一个微信小程序Mqtt协议控制智能硬件的框架，为心里全栈工程师梦想浇水。
文章目录一.前言: 二.涉及的技术点: 三.框架的运行原理: 四.框架代码流程: 4.1 主线程: 4.2 获取设备列表显示设备,以及订阅在线的设备: 4.3 点击某设备如何实现携带此设备信息到控制 ...
【微信小程序控制硬件14 】微信小程序蓝牙+WiFi双控制ESP32-C3应用示范；（附带Demo）
文章目录一.前言二.设备核心代码 2.1 蓝牙控制 2.2 WiFi控制 2.3 外设驱动三.微信小程序核心代码 3.1 蓝牙搜索 3.2 蓝牙服务发现四.感谢另外,不要把我的博客作为学习标 ...

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。

文章目录

文章目录

一、前言

通讯协议

技术问题点

二、4G模组业务逻辑

上报基站信息

三、微信小程序控制

另外，不要把我的博客作为学习标准，我的只是笔记，难有疏忽之处，如果有，请指出来，也欢迎留言哈！

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。相关推荐

最新文章

热门文章

微信小程序控制硬件 第14篇 微信小程序腾讯地图控制 4G Cat.1模组 ，安信可CA-01加载定位显示当前位置。

文章目录

文章目录

一、前言

通讯协议

技术问题点

二、4G模组业务逻辑

上报基站信息

三、微信小程序控制

另外，不要把我的博客作为学习标准，我的只是笔记，难有疏忽之处，如果有，请指出来，也欢迎留言哈！

微信小程序控制硬件 第14篇 微信小程序腾讯地图控制 4G Cat.1模组 ，安信可CA-01加载定位显示当前位置。相关推荐

最新文章

热门文章

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。

微信小程序控制硬件第14篇微信小程序腾讯地图控制 4G Cat.1模组，安信可CA-01加载定位显示当前位置。相关推荐