이 글은 주로 nodeJS WeChat이 공유하는 관련 정보를 자세히 소개하며, 이는 특정 참고 가치가 있습니다. 관심 있는 친구들은 참고할 수 있습니다.
이 글의 예시는 참고용으로 nodeJS WeChat이 공유하는 특정 코드를 공유합니다.
1. WeChat JSSDK에 연결
로컬에서 직접 견적 또는 다운로드 가능
2. JS는 노드 배경 서명, 난수, 타임스탬프 등을 요청합니다.
function getWxSignature() { $.ajax({ url: "/activityWxShaer", type: 'post', data: { urlhref:location.href }, success: function(jsons) { var data = JSON.parse(jsons); wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'xxxxxxxxx', // 必填,公众号的唯一标识 timestamp: data.timestamp, // 必填,生成签名的时间戳 nonceStr: data.nonceStr, // 必填,生成签名的随机串 signature: data.signature, // 必填,签名,见附录1 jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); shareFunc();// 微信的分享接口 里面为ready } }); }
3. nodeJS express Routing
/** * 分享 */ router.post('/activityWxShaer', function(req, res, next) { let hrefURL = req.body.urlhref; wxShare.prototype.accessToken(hrefURL, function(data) { res.json(data); }); });
4. nodeJS 서명, WeChat 키 서명, 저는 sha1을 사용하는데, sha-1, HEX 등을 사용하는 것을 많이 봤습니다. 내 환경에 문제가 있는지는 모르겠습니다. . 마지막 것은 사용할 수 없습니다. 직접 작성할 수 밖에 없습니다.
/** * 签名 * @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('url'); var request = require('request'); var sha1 = require('sha1'); let config = { appID: "",// 微信公众号ID appSecret: "" //微信公众号里有 }, configEnd = { appID: '', access_token: '', ticket: '', timestamp: '', // 必填,生成签名的时间戳 nonceStr: '', // 必填,生成签名的随机串 signature: '', // 必填,签名,见附录1 }; /** * 微信分享 */ class wxShare { /** * 请求获取access_token 方法入口 * @param {* URL链接} hrefURL * @param {* 回调请求方法} callback */ accessToken(hrefURL, callback) { // 获取access_token let _this = this; var tokenUrl = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + config.appID + '&secret=' + 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 = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=' + access_Ttoken + '&type=jsapi'; 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 = ''; for (var k in newArgs) { string += '&' + k + '=' + 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;
nodeJS 배경에 일반 ajax 요청을 하면 배경이 캡슐화된 데이터를 반환합니다.
위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.
관련 글:
js에서 바인딩 클릭 이벤트 구현하는 방법(자세한 튜토리얼)
Vue를 통해 SSR을 구현하는 방법(자세한 튜토리얼)
위 내용은 nodeJS를 사용하여 WeChat 공유를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!