Comment implémenter le partage WeChat à l'aide de nodeJS-js tutoriel-php.cn

Comment implémenter le partage WeChat à l'aide de nodeJS

亚连

Libérer： 2018-06-19 15:10:48

original

2160 Les gens l'ont consulté

Cet article présente principalement en détail les informations pertinentes partagées par nodeJS WeChat, qui ont une certaine valeur de référence. Les amis intéressés peuvent s'y référer

L'exemple de cet article partage avec vous les informations partagées par nodeJS WeChat. Le code spécifique est pour votre référence. Le contenu spécifique est le suivant

1. Accédez à WeChat JSSDK

Vous pouvez directement le citer ou le télécharger localement

2. JS demande la signature d'arrière-plan du nœud, un nombre aléatoire, un horodatage, etc.

function getWxSignature() { 
  $.ajax({ 
    url: "/activityWxShaer", 
    type: &#39;post&#39;, 
    data: { urlhref:location.href }, 
    success: function(jsons) { 
      var data = JSON.parse(jsons); 
      wx.config({ 
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 
        appId: &#39;xxxxxxxxx&#39;, // 必填，公众号的唯一标识 
        timestamp: data.timestamp, // 必填，生成签名的时间戳 
        nonceStr: data.nonceStr, // 必填，生成签名的随机串 
        signature: data.signature, // 必填，签名，见附录1 
        jsApiList: [ 
            &#39;onMenuShareTimeline&#39;, 
            &#39;onMenuShareAppMessage&#39;, 
            &#39;onMenuShareQQ&#39;, 
            &#39;onMenuShareWeibo&#39;, 
            &#39;onMenuShareQZone&#39; 
          ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 
      }); 
      shareFunc();// 微信的分享接口 里面为ready 
    } 
  }); 
}

Copier après la connexion

3. Routage express nodeJS

/** 
 * 分享 
 */ 
router.post(&#39;/activityWxShaer&#39;, function(req, res, next) { 
  let hrefURL = req.body.urlhref; 
  wxShare.prototype.accessToken(hrefURL, function(data) { 
    res.json(data); 
  }); 
});

Copier après la connexion

4. Signature NodeJS, signature de clé WeChat, J'utilise sha1. J'en ai vu beaucoup utiliser sha-1, HEX et autres. Je ne sais pas si c'est un problème avec mon environnement. Je n'ai pas pu l'utiliser et j'ai finalement dû l'écrire moi-même

/** 
   * 签名 
   * @param {*} url 
   */ 
  sign(url) { 
    let _this = this; 
    var ret = { 
      jsapi_ticket: configEnd.ticket, 
      nonceStr: configEnd.nonceStr, 
      timestamp: configEnd.timestamp, 
      url: url 
    }; 
    var string = _this.rawString(ret); 
    var shaObjs = sha1(string); 
    return shaObjs; 
  }; 

四、nodeJS后台代码直接上整体代码
[javascript] view plain copy
var url = require(&#39;url&#39;); 
var request = require(&#39;request&#39;); 
var sha1 = require(&#39;sha1&#39;); 
 
let config = { 
    appID: "",// 微信公众号ID 
    appSecret: "" //微信公众号里有 
  }, 
  configEnd = { 
    appID: &#39;&#39;, 
    access_token: &#39;&#39;, 
    ticket: &#39;&#39;, 
    timestamp: &#39;&#39;, // 必填，生成签名的时间戳 
    nonceStr: &#39;&#39;, // 必填，生成签名的随机串 
    signature: &#39;&#39;, // 必填，签名，见附录1 
  }; 
 
/** 
 * 微信分享 
 */ 
class wxShare { 
  /** 
   * 请求获取access_token 方法入口 
   * @param {* URL链接} hrefURL 
   * @param {* 回调请求方法} callback 
   */ 
  accessToken(hrefURL, callback) { // 获取access_token 
    let _this = this; 
    var tokenUrl = &#39;https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=&#39; + config.appID + &#39;&secret=&#39; + config.appSecret; 
    request(tokenUrl, function(error, response, body) { 
      if (response.statusCode && response.statusCode === 200) { 
        body = JSON.parse(body); 
        configEnd.access_token = body.access_token; 
        _this.upJsapiTicket(hrefURL, body.access_token, callback) 
      } 
    }); 
  }; 
  /** 
   * 获取<span style="font-family:Arial;">Jsapi_Ticket</span> 
   * @param {* URL链接} hrefURL 
   * @param {* token} access_Ttoken 
   * @param {* 回调请求方法} callback 
   */ 
  upJsapiTicket(hrefURL, access_Ttoken, callback) { // Jsapi_ticket 
    let _this = this; 
    var ticketUrl = &#39;https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=&#39; + access_Ttoken + &#39;&type=jsapi&#39;; 
    request(ticketUrl, function(err, response, content) { 
      content = JSON.parse(content); 
      if (content.errcode == 0) { 
        configEnd.ticket = content.ticket; // ticket 
        configEnd.timestamp = _this.createTimestamp(); // 时间戳 
        configEnd.nonceStr = _this.createNonceStr(); // 随机数 
        configEnd.signature = _this.sign(hrefURL); // 签名 
        callback && callback(configEnd); // 回调前端JS方法 
      } 
    }) 
  }; 
  /** 
   * 随机字符串 
   */ 
  createNonceStr() { 
    return Math.random().toString(36).substr(2, 15); 
  }; 
  /** 
   * 时间戳 
   */ 
  createTimestamp() { 
    return parseInt(new Date().getTime() / 1000).toString(); 
  }; 
  /** 
   * 拼接字符串 
   * @param {*} args 
   */ 
  rawString(args) { 
    var keys = Object.keys(args); 
    keys = keys.sort() 
    var newArgs = {}; 
    keys.forEach(function(key) { 
      newArgs[key.toLowerCase()] = args[key]; 
    }); 
    var string = &#39;&#39;; 
    for (var k in newArgs) { 
      string += &#39;&&#39; + k + &#39;=&#39; + newArgs[k]; 
    } 
    string = string.substr(1); 
    return string; 
  }; 
  /** 
   * 签名 
   * @param {*} url 
   */ 
  sign(url) { 
    let _this = this; 
    var ret = { 
      jsapi_ticket: configEnd.ticket, 
      nonceStr: configEnd.nonceStr, 
      timestamp: configEnd.timestamp, 
      url: url 
    }; 
    var string = _this.rawString(ret); 
    var shaObjs = sha1(string); 
    return shaObjs; 
  }; 
 
} 
module.exports = wxShare;

Copier après la connexion

Faites simplement une requête ajax ordinaire à l'arrière-plan de nodeJS, et l'arrière-plan renvoie les données encapsulées.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.