当前位置:首页 > 日记 > 正文

详解nodejs微信公众号开发——1.接入微信公众号

详解nodejs微信公众号开发——1.接入微信公众号

接入微信公众号是开发的第一步,万事开头难,走好第一步,后面的路就更宽广。

1.公众平台测试帐号的使用

登录微信公众平台,由于很多开发人员并没有认证的的微信公众号,所以比较折中的方式是使用公众平台测试帐号来测试功能,其优势是能够测试微信公众号的绝大部分功能,不受认证门槛的限制。

进入测试账号管理界面:

我们需要配置接口的信息,URLToken是微信公众平台和本地开发服务建立连接的桥梁。

微信配置好后,扫面下方的测试号二维码,即可以在手机上测试开发的功能。

2.验证公众号

一图胜千言。接入公众号时,微信公众平台需要验证开发者的身份,向开发者填写的URL发送一个GET请求,请求中包含4个参数:signatureechostrtimestampnonce,收到该请求,我们需要做的事情:

  1. tokentimestampnonce三个参数进行字典排序;
  2. 将三个字符串拼接成一个字符串进行sha1加密;
  3. 将加密后的字符串与signature进行比较,如果相同,表示这个请求来自微信,我们直接原样返回echostr的内容,接入验证成功。

3.搭建开发服务器

搭建开发服务器的方式有很多,如购买云服务器、使用花生壳、ngrok、localtunnel等。这里为了简单起见采用localtunnel。先全局方式安装localtunnel,

npm install -g lt

启动lt

lt --port 8080  //对外暴露8080端口,可端口号可自己随便设定

4.编写代码

好了,现在开始编写app.js的代码:

'use strict'var Koa = require('koa');var sha1 = require('sha1');var config = {  wechat:{    appID:'...', //填写你自己的appID    appSecret:'...', //填写你自己的appSecret    token:'...' //填写你自己的token  }};var app = new Koa();app.use(function *(next){  var token = config.wechat.token;  var signature = this.query.signature;  var nonce = this.query.nonce;  var timestamp = this.query.timestamp;  var echostr = this.query.echostr;  var str = [token,timestamp,nonce].sort().join(''); //按字典排序,拼接字符串  var sha = sha1(str); //加密  this.body = (sha === signature)? echostr + '' : 'failed'; //比较并返回结果});app.listen(8080);

5.配置测试公众号信息

代码编写完毕,现在开始正式配置啦。在终端中输入lt --port 8080启动localtunnel,得到对外可访问的URL:

这个URL填写到测试账号管理界面中的URLToken字段可随意填写,方便起见,就用wemovie吧!

填写完毕,点击提交,发现验证成功,恭喜!

注:

  1. 由于localtunnel不是很稳定,所以可能一开始点击提交提示的是黄条的配置失败,需要多点一两次按钮;
  2. 每次重启程序,都需要重启localtunnel获取新的URL,然后重新配置。(这就是选择简单付出的代价T_T)

到此为止,已经打开了通向微信公众号开发的大门,接下来,我们将继续探索nodejs微信公众号开发之旅。以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

相关文章

基于AGS JS开发自定义贴图图层

基于AGS JS开发自定义贴图图层

贴图,图层,自定义,电脑软件,AGS,1.前言假设一个景区有多张图片需要在地图上展示,并且随着地图的缩放而缩放(不是单纯的以气泡来展示)。如果利用传统方案,则是我们首先将图片纠正赋予地理信息,然后根据地图级别进行切图,最后以瓦片的形式叠加至地…

怎样设置word默认模板设置word默认

怎样设置word默认模板设置word默认

模板,默认,设置,方法,电脑软件,  在工作中经常使用到word,在公司中有相应的格式规范,每次编辑文件时都需要调整一下格式,感觉会有点麻烦;如果调整一下word的默认模板的格式,以后编辑文件时调整的格式就相对少了很多,省时又省力。下面由小编为…

excel图表添加标题的方法步骤图

excel图表添加标题的方法步骤图

图表,方法,步骤,教程,标题,  Excel是三大办公软件之一的一个软件,他经常用于数据的整理、分析、以及对比等。而有很多时候需要用到Excel里的图表的功能并且为其添加标题。下面是小编为大家带来的excel图表添加标题的方法,相信对你会有帮助…

Javascript面试经典套路reduce函数

Javascript面试经典套路reduce函数

函数,套路,经典,电脑软件,Javascript,今天在偶然间查看到了一段代码,代码使用了很短的篇幅完成了字符串统计相同字符次数这个经典面试题,其中用到了reduce这个方法,网上查了查,没有查到什么有价值的东西,导致浪费了我一些时间才看懂,现将我的思路…

word怎么删除单元格word删除单元格

word怎么删除单元格word删除单元格

删除,方法,单元格,电脑软件,word,  人们在使用Word2010制作表格时,有时会遇到需要删除某个单元格的情况。那么下面就由小编给大家分享下word删除单元格的技巧,希望能帮助到您。word删除单元格方法一步骤一:选择好你要删除的表格word删除单元…

简单实现JS上传预览功能

简单实现JS上传预览功能

上传,简单实现,功能,电脑软件,JS,js实现上传图片预览功能思路是获取上传图片本地路径,再加载到页面中实现上传预览 HTML代码<div class="upload"> <input type="button" class="btn" onclick="browerfile.click()" value="上传…

JavaScript实现弹出广告功能

JavaScript实现弹出广告功能

弹出,功能,广告,电脑软件,JavaScript,废话不多说了,直接给大家贴代码了,具体代码如下所示:<span style="white-space:pre"> </span>var i=0;//记录次数 var timer;//定时器id //设置弹出广告 onload=function(){ //间隔四秒展示一次…

bootstrap插件treeview实现全选父

bootstrap插件treeview实现全选父

父节点,插件,子节点,全选,功能,项目需要实现权限管理,使用前端框架bootstrap,所以就直接选用了bootstrap的treeview扩展插件。先上图:选中父节点时,父节点下所有子节点也都全部选中,看代码1、HTML代码<h2>TreeView Checkable</h2><div id="tree…

使用jquery给新生的th绑定hover事

使用jquery给新生的th绑定hover事

事件,绑定,实例,新生,电脑软件,这是昨天在做一个动态的table时遇到的一个小问题,table的th需要让鼠标在移入和移出时显示颜色变化,之前th是固定写死的,直接可以用jquery的hover()方法来实现。现在th需要用js/ajax来动态生成加载到页面,用hover(…

angularjs+bootstrap菜单的使用示

angularjs+bootstrap菜单的使用示

示例代码,菜单,电脑软件,angularjs,bootstrap,需求背景:使用yo angular生成的项目默认主页是这样的:body部分涉及具体的业务内容,后续研究。这里主要研究菜单项、页眉的处理。页脚处理:自动生成的项目中,菜单和页脚设置都是在index.html文件中实…

react.js 获取真实的DOM节点实例 |

react.js 获取真实的DOM节点实例 |

节点,必看,实例,真实,电脑软件,为了获取真实的dom节点,文本输入框必须有一个 ref 属性,然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。var MyComponent = React.createClass({ handleClick: function() { this.refs.myTextInput.f…

在Word2007公式中如何添加大型运算

在Word2007公式中如何添加大型运算

运算符,公式,电脑软件,  借助Word2007提供的插入公式结构功能,用户可以在Word2001文档中添加求和、乘积和副积、并集和交集等大型运算符。以下是小编为您带来的关于在Word2007公式中添加大型运算符,希望对您有所帮助。在Word2007公式中添加…