注:感觉最近localtunnel很不稳定,测试起来比较麻烦,有条件的自己搞个云服务器吧,我比较偷懒,几继续使用localtunnel了。

1. 被动回复用户消息

当用户发送消息给公众号时(或某些特定的用户操作引发的事件推送时),会产生一个POST请求,开发者可以在响应包(Get)中返回特定XML结构,来对该消息进行响应(现支持回复文本、图片、图文、语音、视频、音乐)。发送被动响应消息是对微信服务器发过来消息的一次回复。
开发过程中如果遇到该公众号暂时无法提供服务,请稍后再试的情况,一般是由两个原因造成的:

  • 开发者在5秒内未回复任何内容
  • 开发者回复的数据异常,非xml格式,比如JSON数据

2. 回复消息的实现

我们之前的关注自动回复是在weixin.js里面实现的,其他的消息回复也写在这个文件里面:

if(message.MsgType === 'event'){
    if(message.Event === 'subscribe'){
        if(message.EventKey) {
            console.log('扫描二维码关注:'+ message.EventKey +' '+ message.ticket);
        }
        this.body = '终于等到你,还好我没放弃';
    }else if(message.Event === 'unsubscribe'){
        this.body = '';
        console.log(message.FromUserName + ' 悄悄地走了...');
    }else if(message.Event === 'LOCATION'){
        this.body = '您上报的地理位置是:'+ message.Latitude + ',' + message.Longitude;
    }else if(message.Event === 'CLICK'){
        this.body = '您点击了菜单:'+ message.EventKey;
    }else if(message.Event === 'SCAN'){
        this.body = '关注后扫描二维码:'+ message.Ticket;
    }
}
else if(message.MsgType === 'text'){
    var content = message.Content;
    var reply = '你说的话:“' + content + '”,我听不懂呀';
    if(content === '1'){
        reply = '金刚:骷髅岛';
    }
    else if(content === '2'){
        reply = {
            type:'image',
            mediaId:'http://tu.23juqing.com/d/file/html/gndy/dyzz/2017-04-09/da9c7a64ab7df196d08b4b327ef248f2.jpg'
        }
    }
    else if(content === '3'){
        reply = [{
            title:'金刚.骷髅岛',
            description:'南太平洋上的神秘岛屿——骷髅岛。史上最大金刚与邪恶骷髅蜥蜴的较量。',
            picUrl:'http://tu.23juqing.com/d/file/html/gndy/dyzz/2017-04-09/da9c7a64ab7df196d08b4b327ef248f2.jpg',
            url:'http://www.piaohua.com/html/dongzuo/2017/0409/31921.html'  //可下载观看喔
        }];
    }

    // ... 其他回复类型

    this.body = reply;
}

测试效果如图:

Java监听微信自动回复 js微信自动回复_json

3.说明:

发现输入数字2并没有回复相应的图片,是不是很奇怪?我们查看一下文档:

Java监听微信自动回复 js微信自动回复_ViewUI_02


文档中说明了MediaId属性是通过素材管理接口上传多媒体文件,得到的id,而不是我们直接给的网上图片的url链接。在图文消息中,是可以直接使用url链接的。所以我们下一步的工作就是实现素材管理的接口。