微信開發系列之一 - 微信公眾號開發的開發環境搭建

注销發表於2020-08-30

文章系列目錄

Tencent’s WeChat, a social networking app with more than 760 million monthly active users, is becoming a dominant mobile channel connecting businesses and customers. This series will illustrate how to do some development on Wechat so it could interact with SAP product like SAP Cloud for Customer.

Prerequisite

(1) You should have already registered an subscription account in Wechat Official Account platform:  mp.weixin.qq.com  (2) You should have basic knoledge about nodejs development. Detail steps for environment setup Log on to Official Account platform  mp.weixin.qq.com , menu Development->Basic configuration,


微信開發系列之一 - 微信公眾號開發的開發環境搭建


The most important setting here is the server url, where the custom logic of your Wechat official subscription account is hosted.


微信開發系列之一 - 微信公眾號開發的開發環境搭建


In this series, I will use nodejs plus Heroku to host the server. This server is responsible to serve the request which is delegated by Wechat platform issued originally by your Wechat official subscription account’s followers. Before Wechat platform will really delegate user request to this server, you must first pass the verification defined by Wechat’s development guide:  mp.weixin.qq.com/wiki?  Unfortunately the verification flow chart in the guide is drawn with Chinese text:


微信開發系列之一 - 微信公眾號開發的開發環境搭建


And the provided sample code is written by Python, so here I will provide a nodejs solution instead.

As long as you press “Submit” button, Wechat platform will send a http request to the server specified via this URL:


微信開發系列之一 - 微信公眾號開發的開發環境搭建


The http request looks like below:

https:///?signature=096abd439b41f9610aeabe2d7534084fd8dafa20&echostr=16168327802220428137&timestamp=1512810825&nonce=384289189

The responsibility of your server is then to calculate a result based on your subscription account token, the timestamp and the nonce field, and compare it with the echostr passed with the request url. If the comparison result is not equal, you will see error message “Token authentication failed”.


微信開發系列之一 - 微信公眾號開發的開發環境搭建


Only after your server has passed the verification then it is ready for subsequent development.

Below is the step how to develop your server to pass the verification.

(1) Create a new nodejs project with the following package.json. The highlighted part is relevant for server verification.


微信開發系列之一 - 微信公眾號開發的開發環境搭建


(2) Implement server.js with following source code:

var express = require('express');var routesEngine = require('./index.js'); var app = express();routesEngine(app);app.listen(process.env.PORT || 3000, function () {
  console.log('Listening on port, process.cwd(): ' + process.cwd() );});In implementation of index.js, now we need to implement verification process:var request = require('request');var jsSHA = require('jssha');module.exports = function (app) {
  app.route('/').get(function(req,res){
    var token="jerry"; // replace it with your own token    var signature = req.query.signature,
      timestamp = req.query.timestamp,
      echostr   = req.query.echostr,
      nonce     = req.query.nonce;
      oriArray = new Array();
      oriArray[0] = nonce;
      oriArray[1] = timestamp;
      oriArray[2] = token;
      oriArray.sort();
      var original = oriArray.join('');
      var shaObj = new jsSHA("SHA-1", 'TEXT');
      shaObj.update(original);
      var scyptoString = shaObj.getHash('HEX');
      console.log("calculated string: " + scyptoString);
     if (signature == scyptoString) {
        res.send(echostr);
     } else {
        res.send('bad token');
     }
  });};

(3) deploy this nodejs application to Heroku. For detail steps, please refer to my blog  Step by step to host your UI5 application in Heroku.

Once done, perform the verification in Wechat Official Account platform.

Then in Heroku application console we can see that the signature passed from Wechat platform is equal to the value calculated in our nodejs server, as a result the verification is finished successfully:


微信開發系列之一 - 微信公眾號開發的開發環境搭建


You can see now the Server configuration in Wechat platform is marked as enabled, which is ready for subsequent development.


微信開發系列之一 - 微信公眾號開發的開發環境搭建


要獲取更多Jerry的原創文章,請關注公眾號"汪子熙":

微信開發系列之一 - 微信公眾號開發的開發環境搭建


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2724662/,如需轉載,請註明出處,否則將追究法律責任。

相關文章