recherche

Maison  >  Article  >  Applet WeChat  >  Tutoriel sur le développement de la plateforme publique WeChat à l'aide de node.js

Tutoriel sur le développement de la plateforme publique WeChat à l'aide de node.js

高洛峰
高洛峰original
2017-03-14 15:08:091833parcourir

Cet article partage principalement des tutoriels sur la façon de développer la plateforme publique WeChat à l'aide de node.js et sur la façon de développer WeChat. Les amis intéressés peuvent s'y référer

<.>Comment utiliser nodejs pour développer la plateforme publique WeChat ?

Je ne dirai pas grand-chose d'autre. Tout d'abord, présentons brièvement les principes de base de la plateforme publique WeChat.

Le serveur WeChat est équivalent à un serveur de transfert. Le terminal (téléphone portable, Pad, etc.) initie une requête au serveur WeChat, et le serveur WeChat transmet ensuite la requête au service personnalisé (voici notre implémentation spécifique). Une fois le service traité, il est ensuite transmis au serveur WeChat, et le serveur WeChat répond avec une réponse spécifique au terminal ; le protocole de communication est : HTTP ; le format des données est :

XML. Le processus spécifique est illustré dans la figure ci-dessous :

Tutoriel sur le développement de la plateforme publique WeChat à laide de node.js

En fait, ce que nous devons faire est de répondre aux requêtes HTTP. Nous analysons le contenu spécifique de la requête selon un format XML spécifique. Après traitement, nous devons également le renvoyer selon un format XML spécifique.

Inscription à la plateforme

Pour terminer le développement de la plateforme publique WeChat, nous devons enregistrer un compte sur la plateforme publique WeChat. Les étapes d'inscription sont les suivantes :

Ouvrez le site officiel de la plateforme publique WeChat, https://mp.weixin.qq.com/, et cliquez sur « S'inscrire maintenant ».

Suivez ensuite les instructions pour remplir les informations de base, activer l'e-mail, sélectionner le type, les informations d'enregistrement, les informations du compte officiel et terminer l'inscription.

Une fois l'inscription terminée, nous devons effectuer quelques réglages de base pour le compte officiel. Connectez-vous au compte officiel, recherchez [Paramètres du compte officiel], puis définissez l'avatar et d'autres informations.

Construction de l'environnement Nodejs

Nous devons trouver un serveur sur le réseau public pour pouvoir démarrer notre environnement nodejs. Après avoir démarré l'environnement, nous pouvons recevoir les messages envoyés par le serveur WeChat par. définir l'adresse d'accès au message, et nous pouvons également envoyer des messages au serveur WeChat.

Installer sur le serveur du réseau public Après avoir terminé nodejs, nous devons également installer certains modules utilisés par nodejs, tels que : express, node-xml, jssha et d'autres modules. Il peut être installé via la commande npm.

Nous utilisons nodejs pour mettre en œuvre l'envoi et la réception de messages vers le serveur WeChat, ainsi que l'authentification par signature avec le serveur WeChat.

Dans notre environnement d'édition à droite, l'environnement nodejs a été installé pour les étudiants. Dans le contenu suivant, nous mettrons en œuvre l'authentification par signature du serveur WeChat pour les étudiants.

Créer le framework express

Nous avons installé le module express dans le cours précédent, et avons créé un fichier nommé app.js dans notre environnement sur le bon document. Nous allons maintenant compléter le cadre express dans ce fichier. Le code suivant : 


var express = require("express");
var path=require(&#39;path&#39;);
var app = express();
server = require(&#39;http&#39;).Server(app);
app.set(&#39;views&#39;,dirname); // 设置视图 
app.set(&#39;view engine&#39;, &#39;html&#39;); 
app.engine( &#39;.html&#39;, require( &#39;ejs&#39; ).express );
require(&#39;./index&#39;)(app); //路由配置文件
server.listen(80,function(){
console.log(&#39;App start,port 80.&#39;);
});
Ajoutez ensuite un fichier nommé test.html. Écrivez le contenu suivant 


<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>汇智网</title>
</head>
<body>
<p><%=issuccess%></p>
</body>
</html>
Nous ajouterons également un fichier nommé index.js pour implémenter notre routage. Cliquez sur le bouton Ajouter un fichier

dans l'environnement d'édition pour ajouter le fichier, puis nous écrivons le code suivant, où la requête GET est utilisée pour vérifier la légitimité de l'URL configurée, et la requête POST est utilisé pour traiter les messages WeChat . 


module.exports = function(app){
app.get(&#39;/&#39;,function(req,res){
res.render(&#39;test&#39;,{issuccess:"success"})
});
app.get(&#39;/interface&#39;,function(req,res){});
app.post(&#39;/interface&#39;,function(req,res){});
}
Cela complète le cadre express dont nous avons besoin. Bien sûr, nous pouvons également ajouter le dossier public public et le middleware que nous souhaitons utiliser. Enregistrez le fichier, cliquez sur [Soumettre pour exécuter], puis cliquez sur [Test d'accès] pour essayer. Notez l'adresse pour accéder au test, nous utiliserons cette adresse dans la section suivante.

Configuration du serveur WeChat

Nous nous connectons à la plateforme publique WeChat, trouvons la configuration de base en mode développeur, puis modifions la configuration du serveur. Comme le montre l'image :

Tutoriel sur le développement de la plateforme publique WeChat à laide de node.js

Tout d'abord, l'URL doit être renseignée dans le chemin où nous installons nodejs pour recevoir et envoyer des données sur le réseau public. Nous pouvons renseigner l'adresse de [Access Test] dans la section précédente puis ajouter l'itinéraire correspondant.

Le jeton doit être cohérent avec notre jeton personnalisé côté serveur. Après avoir rempli, vous pouvez cliquer sur Soumettre. Avant de soumettre, nous démarrons app.js (cliquez sur [Soumettre pour exécuter]). De cette façon, nous pouvons vérifier si la signature est valide en fonction de notre correspondance de route.

Une fois la configuration terminée, assurez-vous d'activer la configuration.

Tutoriel sur le développement de la plateforme publique WeChat à laide de 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(&#39;jssha&#39;);

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


var original = oriArray.join(&#39;&#39;);

最后对该数据进行加密，如下代码：


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

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

签名对比

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


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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Partagez un exemple de code pour développer des menus personnalisés sur WeChatArticle suivant：Partagez un exemple de code pour développer des menus personnalisés sur WeChat

Articles Liés

Voir plus