{"id":8516,"date":"2021-07-05T10:53:13","date_gmt":"2021-07-05T02:53:13","guid":{"rendered":"https:\/\/sdeno.com\/?p=8516"},"modified":"2021-07-26T18:28:18","modified_gmt":"2021-07-26T10:28:18","slug":"node-js%e5%be%ae%e4%bf%a1h5%e9%a1%b5%e9%9d%a2jssdk%e7%ad%be%e5%90%8d%e9%85%8d%e7%bd%ae","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=8516","title":{"rendered":"\u63a8\u8350\uff1anode.js\u5fae\u4fe1H5\u9875\u9762jssdk\u7b7e\u540d\u914d\u7f6e"},"content":{"rendered":"

\u516c\u4f17\u53f7\uff0c\u5c0f\u7a0b\u5e8f\u91cc\u9762\u4f7f\u7528H5\u9875\u9762\u57fa\u672c\u90fd\u4f1a\u6709\u5206\u4eabH5\u7684\u529f\u80fd\uff0c\u8fd9\u65f6\u5019\u4f7f\u7528JS-SDK\u7b7e\u540d<\/p>\n

https:\/\/developers.weixin.qq.com\/doc\/offiaccount\/OA_Web_Apps\/JS-SDK.html<\/p>\n

 <\/p>\n

html:<\/span><\/p>\n

axios.get('https:\/\/gzh.jskoa.com\/getjsapi_ticket?url='+window.location.href).then((res)=>{ \/\/**\u6ce8\u610f\u8fd9\u91cc\u7684url\u4e0d\u80fd\u5e26\u6709#\u7684hash\uff0c\u5177\u4f53\u770b\u6587\u6863\r\n\r\n  wx.config({\r\n    debug: false, \/\/ \u5f00\u542f\u8c03\u8bd5\u6a21\u5f0f,\u8c03\u7528\u7684\u6240\u6709api\u7684\u8fd4\u56de\u503c\u4f1a\u5728\u5ba2\u6237\u7aefalert\u51fa\u6765\uff0c\u82e5\u8981\u67e5\u770b\u4f20\u5165\u7684\u53c2\u6570\uff0c\u53ef\u4ee5\u5728pc\u7aef\u6253\u5f00\uff0c\u53c2\u6570\u4fe1\u606f\u4f1a\u901a\u8fc7log\u6253\u51fa\uff0c\u4ec5\u5728pc\u7aef\u65f6\u624d\u4f1a\u6253\u5370\u3002\r\n    appId: 'wx1d062c6797dd4774', \/\/ \u5fc5\u586b\uff0c\u516c\u4f17\u53f7\u7684\u552f\u4e00\u6807\u8bc6\r\n    timestamp: res.data.timestamp, \/\/ \u5fc5\u586b\uff0c\u751f\u6210\u7b7e\u540d\u7684\u65f6\u95f4\u6233\r\n    nonceStr: res.data.noncestr, \/\/ \u5fc5\u586b\uff0c\u751f\u6210\u7b7e\u540d\u7684\u968f\u673a\u4e32\r\n    signature: res.data.signature, \/\/ \u5fc5\u586b\uff0c\u7b7e\u540d\r\n    jsApiList: [\r\n      'checkJsApi',\r\n      'onMenuShareTimeline',\r\n      'onMenuShareAppMessage',\r\n      'updateTimelineShareData',\r\n      'updateAppMessageShareData',\r\n      'onMenuShareQQ',\r\n      'onMenuShareWeibo',\r\n      'hideMenuItems',\r\n      'chooseImage',\r\n      'updateAppMessageShareData',\r\n      'scanQRCode'\r\n    ] \/\/ \u5fc5\u586b\uff0c\u9700\u8981\u4f7f\u7528\u7684JS\u63a5\u53e3\u5217\u8868\r\n  });\r\n\r\n\r\n  \/\/\u5206\u4eab\u529f\u80fd\r\n  wx.ready(function () { \/\/\u9700\u5728\u7528\u6237\u53ef\u80fd\u70b9\u51fb\u5206\u4eab\u6309\u94ae\u524d\u5c31\u5148\u8c03\u7528\r\n    var shareData = {\r\n      title: '\u5206\u4eab\u6807\u9898', \/\/ \u5206\u4eab\u6807\u9898\r\n      desc: '\u5206\u4eab\u63cf\u8ff0', \/\/ \u5206\u4eab\u63cf\u8ff0\r\n      link: 'https:\/\/gzh.jskoa.com', \/\/ \u5206\u4eab\u94fe\u63a5\uff0c\u8be5\u94fe\u63a5\u57df\u540d\u6216\u8def\u5f84\u5fc5\u987b\u4e0e\u5f53\u524d\u9875\u9762\u5bf9\u5e94\u7684\u516c\u4f17\u53f7JS\u5b89\u5168\u57df\u540d\u4e00\u81f4\r\n      imgUrl: 'https:\/\/gzh.jskoa.com\/images\/1.png', \/\/ \u5206\u4eab\u56fe\u6807\r\n      success: function (res) {\r\n        \/\/ \u8bbe\u7f6e\u6210\u529f\r\n      },\r\n      error:function(res){\r\n      }\r\n    };\r\n    \/\/\u81ea\u5b9a\u4e49\u201c\u5206\u4eab\u7ed9\u670b\u53cb\u201d\u53ca\u201c\u5206\u4eab\u5230QQ\u201d\u6309\u94ae\u7684\u5206\u4eab\u5185\u5bb9\uff081.4.0\uff09\r\n    wx.updateAppMessageShareData(shareData);\r\n    \/\/\u81ea\u5b9a\u4e49\u201c\u5206\u4eab\u5230\u670b\u53cb\u5708\u201d\u53ca\u201c\u5206\u4eab\u5230QQ\u7a7a\u95f4\u201d\u6309\u94ae\u7684\u5206\u4eab\u5185\u5bb9\uff081.4.0\uff09\r\n    wx.updateTimelineShareData(shareData);\r\n  });\r\n\r\n\r\n\r\n  \/\/ wx.error(function(res){\r\n  \/\/   alert(JSON.stringify(res))\r\n  \/\/   console.log(JSON.stringify(res))\r\n  \/\/ })\r\n\r\n\r\n})<\/pre>\n
 <\/p>\n
 <\/p>\n
node.js\u540e\u53f0<\/span><\/p>\n
\/\/signature\u7b7e\u540d\u7b97\u6cd5<\/p>\n
sign<\/a><\/p>\n
*\u9700\u8981\u628aaccess_token\u548cticket\u5b58\u5728\u670d\u52a1\u5668\u4e0a\uff0c\u5b83\u4eec2\u4e2a\u5c0f\u65f6\u540e\u624d\u8fc7\u671f\uff0c\u4e0d\u80fd\u6bcf\u6b21\u8bf7\u6c42\u4e00\u6b21\u9875\u9762\u90fd\u8981\u91cd\u65b0\u83b7\u53d6\uff0c\u6709\u6b21\u6570\u9650\u5236\u7684<\/p>\n
var sign = require('.\/sign.js');\r\n\r\nrouter.get('\/getjsapi_ticket', async (ctx, next) => {\r\n\r\n\r\n    let tokenInfo = fs.existsSync('token_info.json')\r\n        ? JSON.parse(fs.readFileSync('token_info.json', 'utf-8'))\r\n        : null\r\n    let expires_time = tokenInfo ? tokenInfo.expires_time : ''\r\n    let cache_access_token =\r\n        tokenInfo && tokenInfo.access_token ? tokenInfo.access_token : ''\r\n\r\n    let cache_ticketjson = fs.existsSync('ticket.json')\r\n        ? JSON.parse(fs.readFileSync('ticket.json', 'utf-8'))\r\n        : null\r\n\r\n    if (\r\n        parseInt(Date.now() \/ 1000) > expires_time + 3600 ||  \/\/\u8bbe\u7f6e1\u4e2a\u5c0f\u65f6\u5c31\u66f4\u65b0\r\n        tokenInfo == null ||\r\n        cache_access_token == ''\r\n    ) {\r\n\r\n\r\n      \/\/\u62fftoken\r\n      var gettoken =  await new Promise(function (resolve, reject) {\r\n\r\n\r\n                axios.get(`https:\/\/api.weixin.qq.com\/cgi-bin\/token?grant_type=client_credential&appid=${appid}&secret=${appsecret}` ).then(function (response2) {\r\n\r\n                    fs.writeFileSync(\r\n                        'token_info.json',\r\n                        JSON.stringify({\r\n                            access_token: response2.data.access_token,\r\n                            expires_time: parseInt(Date.now() \/ 1000),\r\n                        })\r\n                    )\r\n\r\n                    resolve(response2.data.access_token)\r\n                })\r\n                    .catch(function (error) {\r\n                        console.log(error);\r\n                    });\r\n\r\n        });\r\n\r\n\r\n        \/\/\u62ffticket\r\n       var ticketjson = await new Promise((a,b)=>{\r\n\r\n            axios.get(`https:\/\/api.weixin.qq.com\/cgi-bin\/ticket\/getticket?access_token=${gettoken}&type=jsapi` ).then(function (response2) {\r\n                \/\/ {\r\n                \/\/     errcode: 0,\r\n                \/\/     errmsg: 'ok',\r\n                \/\/     ticket: 'O3SMpm8bG7kJnF36aXbe8_JQGXJ4DukP3a02ntc7x9lrWoqujnAjetfpaZzA1XGF6G9SVgw8M-W1Cpn7sfA0ZA',\r\n                \/\/     expires_in: 7200\r\n                \/\/ }\r\n\r\n                fs.writeFileSync(\r\n                    'ticket.json',\r\n                    JSON.stringify(sign(response2.data.ticket, ctx.request.query.url))\r\n                )\r\n                a(sign(response2.data.ticket, ctx.request.query.url)) \/\/ticket\u6362\u53d6signature\u7b7e\u540d\r\n\r\n\r\n            })\r\n                .catch(function (error) {\r\n                    console.log(error);\r\n                });\r\n        })\r\n\r\n\r\n        await new Promise((a,b)=>{\r\n            ctx.body = ticketjson \/\/wx.config\u914d\u7f6e\u8fd4\u56de\u7ed9\u524d\u7aef\r\n            a(1)\r\n        })\r\n    } else {\r\n        ctx.body =  sign(cache_ticketjson.jsapi_ticket, ctx.request.query.url) \/\/\u6709\u7f13\u5b58\u5c31\u62ff\u7f13\u5b58\u6570\u636e wx.config\u914d\u7f6e\u8fd4\u56de\u7ed9\u524d\u7aef\r\n    }\r\n\r\n})<\/pre>\n
 <\/p>\n
\u5c55\u793a\u4e00\u4e2a\u5206\u4eab\u6848\u4f8b\uff1a<\/p>\n
\"\"<\/p>\n
\u4e00\u5b9a\u8981\u5728\u5fae\u4fe1\u4e0a\u64cd\u4f5c\uff0c\u6216\u8005\u5f00\u53d1\u8005\u5de5\u5177<\/p>\n
 <\/p>\n
\u5fae\u4fe1\u516c\u4f17\u53f7\u9875\u9762\u6388\u6743\u83b7\u53d6\u7528\u6237\u57fa\u672c\u4fe1\u606f<\/a><\/p><\/blockquote>\n