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添加String.Format方法
Aug 11 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
Apr 01 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
轻松5句话解决JavaScript的作用域
Jul 15 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
Element-UI中关于table表格的那些骚操作(小结)
Aug 15 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 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
PHP的FTP学习(一)[转自奥索]
2006/10/09 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
JavaScript 事件的一些重要说明
2009/10/25 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
Javascript之Date对象详解
2016/06/07 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
vue 不使用select实现下拉框功能(推荐)
2018/05/17 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
vue form表单post请求结合Servlet实现文件上传功能
2021/01/22 Vue.js
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
2021/02/23 Vue.js
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
Python中的Descriptor描述符学习教程
2016/06/02 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
python try 异常处理(史上最全)
2019/03/07 Python
Python 复平面绘图实例
2019/11/21 Python
python 使用shutil复制图片的例子
2019/12/13 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
Python的两道面试题
2013/06/29 面试题
DELPHI中如何调用API,可举例说明
2014/01/16 面试题
酒店销售主管岗位职责
2014/01/04 职场文书
50岁生日感言
2014/01/23 职场文书
工程项目建议书范文
2014/03/12 职场文书
小学校本培训方案
2014/06/06 职场文书
离婚协议书应该怎么写
2014/10/12 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle