zoukankan      html  css  js  c++  java
  • 微信公众号消息接收与回复--微信公众号开发(二)

      本节主要介绍下在开发公众号消息消息管理中踩过的坑,有与很久才来写一次,文笔不是太好。为了让你发现想要的重点,将以问答的形式进行编写。

      1.为什么先开发消息管理模块:

        刚刚开始接触这个,看了api文档后第一感觉是乱、多。对应新手来说这么多东西该从那里下手呢?看了下jssdk部分,因为有腾讯的demo,所以为了学习方面可以直接将代码弄到本地跟着调式就行,主要涉及一些wx.config里面的参数获取逻辑需要整理下。因为之前已经通过postman测试了自定义菜单了,那干脆就接着做人机交互部分-消息接收和回复。

      2.消息管理这块可以做什么事情:

        总结了一下,消息管理主要做两方面的事情。

          第一:与用户进行交互(包括接收用户发来的文本、语言、视频等信息,同时可以对用户发送的信息进行回复)

          第二:与微信服务器进行交互(对于一些指定的动作,微信会发送信息到后台、部分需要我们的服务器进行回复。比如:新用户关注公众号、取消关注公众号、上报地理位置事件等)

              具体可以参考https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140454 中 消息管理->接收事件推送

      3.接收消息要做一些什么:

        第一:在微信管理平台配置URL, 路径为  开发-》基本配置-》服务器配置(这个要先启动)

            其中URL为自己后台服务器的一个服务,微信将通过post请求将消息发送到这个地方,同时在配置点确认的时候,微信会发送get请求到这个路径进行验证,具体验证逻辑可以参考我的上一篇文章。

            这个地方特别要注意:一个get请求一个post请求分别有不同的目的

        第二:搭建自己的服务器,要保证第一点中的URL能正常接收post请求

      3.开发消息管理后台遇到了什么坑

      第一:晚上很多文章都是别人写的demo,很多代码有误导性。要有自己的思考。同时细看api文档。

      第二:我用的node(eggjs),所以遇到了异步的问题,当时看网上很多人都是通过req.on()去监听接收text/xml数据流,然后就直接返回了。在这重申:这些都是坑,及其不负责任,要同步方法。这个异步造成微信根本收不到。

          要将监听获取数据流方法同步化。我用了raw-body插件,这个会返回xml格式的字符串,还需要用xml2js转成json  (这个需要自己promise封装成同步)即可,接着根据指定格式返回信息给微信

      第三:直接将参数赋值给res.body就可以了,不要想的很复杂。

      第四:新手建议不要用测试账号,用正式账号。为什么呢?因为正式账号可以从管理平台中看到返回给微信的日志,方便查错(高手请忽略) 

          开发-》运维中心-》日志查询  日志类型选择:公众号被动回复,类型自选即可

      

      4.代码实现

          

    //controller方法,暂时没有分service
    const rawBody     = require('raw-body')
    var   contentType = require('content-type')
    const tool        = require('../../utils/tool.js')
    //处理方法
    
     async message(){
        //获取微信推送过来的消息
        const { ctx ,config} = this
        console.log('message request:', ctx.request.body)
        var data = await rawBody(ctx.req, {
          length  : ctx.request.headers['content-length'],
          limit   : '1mb',
          encoding: contentType.parse(ctx.request).parameters.charset
        });
        console.log('data+++:' + data);
        let jsonData                                              = await tool.parseXMLAsync(data)
        let getData                                               = jsonData.xml
        let { ToUserName, FromUserName, MsgType, Content, MsgId } = getData
          
            
        console.log('****************', getData)
    
        let rst = `<xml><ToUserName><![CDATA[${FromUserName}]]></ToUserName>
                  <FromUserName><![CDATA[${ToUserName}]]></FromUserName>
                  <CreateTime>1540993144</CreateTime>
                  <MsgType><![CDATA[${ MsgType}]]></MsgType>
                  <Content><![CDATA[${Content}]]></Content>
                  <MsgId>${MsgId}</MsgId>
                  </xml>`
        ctx.body = rst
      }
    
    
    
    //一下为tool.js  简单的封装了xml2js方法,将其同步化
    var xml2js = require('xml2js');
    //导出解析XML的方法
    function parseXMLAsync (xml) {
      return new Promise(function (resolve, reject) {
        xml2js.parseString(xml, { explicitArray: true  }, function (err, content) {
          err ? reject(err): resolve(content);
        });
      });
    };
    
    module.exports = {
      parseXMLAsync
    }
  • 相关阅读:
    python --(链表)
    Cocos Creator_继承组件单例
    JDK丨WIN10配置JDK1.8 (解决javac不是内部或外部命令,也不是可运行的程序或批处理文件)
    debug apk logCat
    JavaScript 当前URL取参返回字典
    Javascript扩展String.prototype实现格式金额、格式时间、字符串连接、计算长度、是否包含、日期计算等功能
    cocos2d JS 源生js实现each方法
    Cocos Creator 动态设置Canvas的宽度与高度,更改适配
    JavaScript 判断是PC端还是移动端
    cocos creator使用anysdk接入admob广告教程
  • 原文地址:https://www.cnblogs.com/chaichai/p/9890111.html
Copyright © 2011-2022 走看看