Maison  >  Article  >  interface Web  >  Exemple de tutoriel sur le développement d'un compte public WeChat avec Node.js+Koa

Exemple de tutoriel sur le développement d'un compte public WeChat avec Node.js+Koa

零下一度
零下一度original
2017-06-26 09:18:251947parcourir

Je suis également en train d'étudier, donc l'article ne sert que de notes d'étude Si cela peut vous aider, ce serait encore mieux ~ Bien sûr, il y aura forcément des erreurs, n'hésitez pas à les signaler. ~

1. Préparation

1. Mon propre tutoriel d'apprentissage : "Node.js Masters WeChat Official Accounts in Seven Days" par M. Scott de MOOC.com, mais c'est un peu cher. . Si les conditions financières le permettent, je peux le soutenir.

2. Documentation : La documentation officielle pour le développement de WeChat, un must.

3. Compte de test de développement WeChat : nécessaire pour tester les comptes publics.

4. Serveur Cloud : j'utilise Alibaba Cloud ECS. Je ne recommande pas d'utiliser des outils comme ngrok. C'est trop compliqué. Une fois que vous avez un serveur cloud, vous pouvez le faire une fois pour toutes ! Si vous souhaitez le faire, vous pouvez lire un de mes articles précédents

5. Nom de domaine : Avec le serveur et l'IP externe, il semble que cela puisse se faire sans nom de domaine. J'ai acheté un nom de domaine. et je l'ai déposé. Cela a pris beaucoup de temps. Je l'ai acheté à Yunwang. Il est recommandé de vérifier si le nom de domaine peut être enregistré en Chine avant de l'acheter.

6. Outils de développement : mac + chrome + sublime + téléphone portable, bien sûr ils ne sont pas obligatoires. Sublime utilise le plug-in sftp pour synchroniser le code avec le service cloud, ce qui est très pratique.

2. Sélection du framework

La version 1.2 du framework Koa de Node.js est utilisée ici, et la version Node est 7.6.

Quant à savoir pourquoi Koa1 est toujours utilisé lorsque Koa2 est disponible .2, bien sûr, j'ai suivi le tutoriel Afin de réduire le coût d'entrée, j'ai choisi la version conforme au tutoriel. _(:з ∠)_

3. Structure du répertoire

Le répertoire ici est généré rapidement à l'aide de koa-generator.

4. Accédez au serveur WeChat

Entrez d'abord dans la page du compte de test, comme indiqué ci-dessous

Les informations de configuration de l'interface doivent être Les informations de vérification renseignées pour l'URL et le jeton de votre serveur sont des informations de vérification renseignées par vous-même et le contenu est arbitraire. Avant de soumettre, la configuration doit être effectuée côté serveur. Pour parler franchement, ce processus consiste à prouver à WeChat que « vous (remplissez l'adresse du serveur) êtes vous ».

5. Configurez le serveur et complétez l'accès

Avant cela, vous devez lire la documentation de développement WeChat pour comprendre le processus d'accès  !

Ensuite, accédez directement au code :

Utilisez d'abord koa-generator ou générez le répertoire du projet, puis utilisez npm install pour installer les dépendances.

Apportez les modifications suivantes dans l'index sous routes :

var router = require('koa-router')();var index_middleware = require('../wechat/index_middleware');var config = require('../wechat/config');

router.get('/', index_middleware.get(config.wechat));

module.exports = router;

Implémentez ensuite index_middleware et config.

wechat/config.js :

module.exports = {
    wechat: {
        appID: 'xxxxxx',
        appSecret: 'xxxxxxxxxxxxxxx',
        token: 'xxxxxxx'}
};

Remplissez les informations ici en fonction de votre propre numéro de test.

wechat/index_middleware.js :

var sha1 = require('sha1');

exports.get = function(opts) {return function *(next) {var token = opts.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);if (sha === signature) {this.body = echostr + '';
        }
    };
};

Après avoir terminé la logique d'accès, npm install sha1 --save est requis pour installer le module de chiffrement sha1.

Il est recommandé d'installer npm install superviseur -g. Ensuite, le superviseur bin/www démarre le serveur et surveille les modifications pour redémarrer automatiquement le serveur. De cette façon, vous n'avez pas besoin de redémarrer manuellement le serveur après chaque modification.

Après avoir terminé les étapes ci-dessus, revenez à l'étape 4 pour vérifier l'URL renseignée. À ce stade, s'il n'y a aucun accident, la vérification réussira. À ce stade, le serveur peut être utilisé comme. un serveur de développement WeChat.

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