Heim > Web-Frontend > js-Tutorial > node.js WeChat öffentliche Plattformentwicklung Tutorial_node.js

node.js WeChat öffentliche Plattformentwicklung Tutorial_node.js

WBOY
Freigeben: 2016-05-16 15:12:01
Original
2100 Leute haben es durchsucht

Wie verwende ich NodeJS, um die öffentliche WeChat-Plattform zu entwickeln?

Ich werde nicht viel mehr sagen. Lassen Sie uns kurz die Grundprinzipien der öffentlichen WeChat-Plattform vorstellen.

Der WeChat-Server entspricht einem Weiterleitungsserver. Das Endgerät (Mobiltelefon, Pad usw.) initiiert eine Anfrage an den WeChat-Server und der WeChat-Server leitet die Anfrage dann an den benutzerdefinierten Dienst weiter (hier ist unsere spezifische Implementierung). ). Nachdem der Dienst verarbeitet wurde, wird er an den WeChat-Server weitergeleitet und der WeChat-Server antwortet mit einer spezifischen Antwort an das Terminal. Das Kommunikationsprotokoll lautet: HTTP.
Der spezifische Prozess ist in der folgenden Abbildung dargestellt:

Eigentlich müssen wir auf HTTP-Anfragen antworten. Wir analysieren den spezifischen Anforderungsinhalt gemäß einem bestimmten XML-Format. Nach der Verarbeitung müssen wir ihn auch gemäß einem bestimmten XML-Format zurückgeben.

Plattformregistrierung

Um die Entwicklung der öffentlichen WeChat-Plattform abzuschließen, müssen wir ein Konto für die öffentliche WeChat-Plattform registrieren. Die Registrierungsschritte sind wie folgt:
​Öffnen Sie die offizielle Website der öffentlichen WeChat-Plattform, https://mp.weixin.qq.com/, und klicken Sie auf „Jetzt registrieren“.

Befolgen Sie dann die Anweisungen, um die grundlegenden Informationen einzugeben, die E-Mail zu aktivieren, den Typ, die Informationsregistrierung und die offiziellen Kontoinformationen auszuwählen und die Registrierung abzuschließen.

Nachdem die Registrierung abgeschlossen ist, müssen wir einige Grundeinstellungen für das offizielle Konto vornehmen. Melden Sie sich beim offiziellen Konto an, suchen Sie nach [Offizielle Kontoeinstellungen] und legen Sie dann den Avatar und andere Informationen fest.

Einrichtung der NodeJS-Umgebung

Wir müssen einen Server im öffentlichen Internet finden, damit wir unsere NodeJS-Umgebung starten können. Nachdem wir die Umgebung gestartet haben, können wir durch Festlegen der Zugriffsadresse Nachrichten empfangen, die vom WeChat-Server gesendet werden, und wir können auch Nachrichten an senden der WeChat-Server.

Nach der Installation von NodeJS auf dem öffentlichen Server müssen wir auch einige von NodeJS verwendete Module installieren, z. B. Express, Node-XML, JSHA und andere Module. Es kann über den Befehl npm installiert werden.

Wir verwenden NodeJS, um das Senden und Empfangen von Nachrichten an den WeChat-Server sowie die Signaturauthentifizierung mit dem WeChat-Server zu implementieren.

In unserer Bearbeitungsumgebung rechts wurde die NodeJS-Umgebung für die Schüler installiert. Im folgenden Inhalt implementieren wir die Signaturauthentifizierung des WeChat-Servers für Studenten.

Express-Framework erstellen

Wir haben das Express-Modul im vorherigen Kurs installiert und rechts in unserer Umgebung eine Datei namens app.js erstellt. Jetzt werden wir das Express-Framework in dieser Datei vervollständigen. Der folgende Code:

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.');
});
Nach dem Login kopieren

Dann fügen Sie eine Datei mit dem Namen test.html hinzu. Schreiben Sie Folgendes

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

Wir müssen außerdem eine Datei namens index.js hinzufügen, um unser Routing zu implementieren. Klicken Sie in der Bearbeitungsumgebung auf die Schaltfläche „Datei hinzufügen“, um die Datei hinzuzufügen. Anschließend schreiben wir den folgenden Code, in dem die GET-Anfrage zur Überprüfung der Legitimität der konfigurierten URL und die POST-Anfrage zur Verarbeitung von WeChat-Nachrichten verwendet wird.

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){});
}
Nach dem Login kopieren

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

微信服务器配置

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

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

  Token要与我们自定义服务器端的token一致。填写完成以后,就可以点击提交了,在提交以前,我们启动app.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;
Nach dem Login kopieren

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

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

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

这样我们就完成了排序。

参数加密

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

var jsSHA = require('jssha');
Nach dem Login kopieren

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

var original = oriArray.join('');
Nach dem Login kopieren

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

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

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

签名对比

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

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage