이번에는 nodejs가 WeChat 공유 기능을 호출하는 방법을 보여드리겠습니다. nodejs가 WeChat 공유 기능을 호출할 때 주의 사항은 무엇인가요?
1. 위챗 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 익스프레스 라우팅
/** * 分享 */ 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 요청을 하면 배경이 캡슐화된 데이터를 반환합니다.
이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 자료:
Bootstrap4 및 Vue2는 페이징 쿼리 기능을 구현합니다(코드 포함)
위 내용은 nodejs에서 WeChat 공유 기능을 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!