node.js微信公众平台开发教程


Posted in Javascript onMarch 04, 2016

用nodejs怎样来实现对微信公众平台的开发呢?

别的就不多说了,先来简单介绍微信公众平台的基本原理。

微信服务器就相当于一个转发服务器,终端(手机、Pad等)发起请求至微信服务器,微信服务器,然后将请求转发给自定义服务(这里就是我们的具体实现)。服务处理完毕,然后转发给微信服务器,微信服务器再将具体响应回复到终端;通信协议为:HTTP;数据格式为:XML。

具体的流程如下图所示:

node.js微信公众平台开发教程

其实,我们需要做的事情,就是对HTTP请求,做出响应。具体的请求内容,我们按照特定的XML格式去解析,处理完毕后,也要按照特定的XML格式返回。

平台注册

要想完成对微信公众平台的开发,我们需要注册一个微信公众平台帐号。注册步骤如下:

打开微信公共平台的官网,https://mp.weixin.qq.com/,点击“立即注册”。

然后根据提示,填写基本信息,邮箱激活,选择类型,信息登记,公众号信息,完成注册。

在注册完成以后,我们要对公众号进行一些基本的设置。登录公众号,找到【公众号设置】,然后设置头像以及其它信息。

nodejs环境搭建

我们需要在公网上找一台服务器,以便可以启动我们的nodejs的环境,启动环境后通过设置访问地址,我们就可以接收微信服务器发送的消息了,并且我们也可以向微信服务器发送消息了。

在公网的服务器中安装完成nodejs以后,我们还需要安装一些nodejs所用到的模块,如:express,node-xml,jssha等模块。可以通过npm命令进行安装。

我们通过nodejs来实现向微信服务器消息的发送与接收,以及与微信服务器的签名认证。

在我们右面的编辑环境中已经为同学们安装了nodejs环境。我们在接下来内容中就为同学们来实现微信服务器的签名认证。

创建express框架

我们在前面的课程中已经安装了express模块,并且在我们右面的环境中已经创建了一个名为app.js的文件。现在我们就在这个文件中完成express框架。如下代码:

var express = require("express");
var path=require('path');
var app = express();
server = require('http').Server(app);
app.set('views',__dirname); // 设置视图 
app.set('view engine', 'html'); 
app.engine( '.html', require( 'ejs' ).__express );
require('./index')(app); //路由配置文件
server.listen(80,function(){
console.log('App start,port 80.');
});

然后再添加一个名为test.html的文件。写入以下内容

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>汇智网</title>
</head>
<body>
<div><%=issuccess%></div>
</body>
</html>

我们还要添加一个名为index.js的文件,来实现我们的路由。点击编辑环境中的添加文件按钮,添加文件,然后我们写入以下代码,其中GET请求用来验证配置的URL合法性,POST请求用来处理微信消息。

module.exports = function(app){
app.get('/',function(req,res){
res.render('test',{issuccess:"success"})
});
app.get('/interface',function(req,res){});
app.post('/interface',function(req,res){});
}

这样我们需要的express框架就完成了,当然我们还可以添加public公共文件夹以及我们要用到的中间件。保存文件,点击【提交运行】,然后点击【访问测试】,去试试吧。记下访问测试的地址,我们将在下一节中会用到该地址。

微信服务器配置

我们登录微信公众平台,在开发者模式下面找到基本配置,然后修改服务器配置。如图所示:

node.js微信公众平台开发教程

首先URL要填写公网上我们安装nodejs接收与发送数据的路径。我们可以填写上节中【访问测试】的地址,然后加上对应的路由就可以了。

Token要与我们自定义服务器端的token一致。填写完成以后,就可以点击提交了,在提交以前,我们启动app.js(点击【提交运行】)。这样根据我们的路由匹配就可以验证签名是否有效了。

当配置完成以后,一定要启用配置。

node.js微信公众平台开发教程

网址接入

公众平台用户提交信息后,微信服务器将发送GET请求到填写的URL上,并且带上四个参数:

  参数                     描述
  signature            微信加密签名
  timestamp            时间戳
  nonce                随机数
  echostr              随机字符串

开发者通过检验signature对请求进行校验(下面有校验方式)。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则接入生效,否则接入失败。

signature结合了开发者填写的token参数和请求中的timestamp参数、nonce参数。

加密/校验流程:

1、将token、timestamp、nonce三个参数进行字典序排序;
2、将三个参数字符串拼接成一个字符串进行sha1加密;
3、开发者获得加密后的字符串可与signature对比,标识该请求来源于微信。
参数排序

首先我们确认请求是来自微信服务器的get请求,那么就可以在index.js文件中进行添加代码了。然后在app.get(‘/interface',function(req,res){});的function中进行添加。

先来获取各个参数的值,如下代码:

var token="weixin";
var signature = req.query.signature;
var timestamp = req.query.timestamp;
var echostr = req.query.echostr;
var nonce = req.query.nonce;

我们在这里对token进行设置,让其与微信服务器中设置的token一致。

然后对其中的token、timestamp、nonce进行排序,如下代码:

var oriArray = new Array();
oriArray[0] = nonce;
oriArray[1] = timestamp;
oriArray[2] = token;
oriArray.sort();

这样我们就完成了排序。

参数加密

在上节中我们已经对参数进行了排序,然后我们在这一节中要将参数组成一个字符串,进行SH-1加密。在加密以前要用到jssha模块,在我们的文件中要引用该模块。

var jsSHA = require('jssha');

在上一节课中我们已经对参数排序完成,并存放在数组中,我们可以通过join方法来生成一个字符串,如下代码:

var original = oriArray.join('');

最后对该数据进行加密,如下代码:

var jsSHA = require('jssha');
var shaObj = new jsSHA(original, 'TEXT');
var scyptoString=shaObj.getHash('SHA-1', 'HEX');

好了这样就生成了我们需要的签名字符串scyptoString。

签名对比

我们已经得到了我们想要的签名字符串scyptoString,然后我们就可以与来自微信服务器的签名进行对比了,对比通过,则我们就可以接收与发送消息了。

if(signature == scyptoString){
 //验证成功
 } else {
 //验证失败
 }

本文已被整理到了《JavaScript微信开发技巧汇总》,欢迎大家学习阅读。

为大家推荐现在关注度比较高的微信小程序教程一篇:《微信小程序开发教程》小编为大家精心整理的,希望喜欢。

以上就是本文的全部内容,希望对大家的学习有所帮助

Javascript 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
js实现获取焦点后光标在字符串后
Sep 17 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
Mar 08 Javascript
JavaScript 实现 Tab 点击切换实例代码
Mar 25 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
Feb 03 Javascript
antd design table更改某行数据的样式操作
Oct 31 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 #Javascript
深入学习AngularJS中数据的双向绑定机制
Mar 04 #Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 #Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 #Javascript
jquery实现右侧栏菜单选择操作
Mar 04 #Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 #Javascript
jquery实现页面常用的返回顶部效果
Mar 04 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
php简单实现短网址(短链)还原的方法(测试可用)
2016/05/09 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
javascript 得到变量类型的函数
2010/05/19 Javascript
jquery+ajax实现跨域请求的方法
2015/01/20 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
Angularjs使用指令做表单校验的方法
2017/03/31 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
Python3字符串学习教程
2015/08/20 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
Python3解释器知识点总结
2019/02/19 Python
Python自动化之数据驱动让你的脚本简洁10倍【推荐】
2019/06/04 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
您的时尚,您的生活方式:DTLR Villa
2019/12/25 全球购物
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
警校毕业生自我评价
2014/04/06 职场文书
促销活动总结模板
2014/07/01 职场文书
学期个人自我总结
2015/02/13 职场文书
总经理检讨书范文
2015/02/16 职场文书
党支部半年考察意见
2015/06/01 职场文书
公共场所卫生管理制度
2015/08/05 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python
python运行脚本文件的三种方法实例
2022/06/25 Python