點(diǎn)擊“21 附錄6-DEMO頁面和示例代碼”，點(diǎn)擊：http://demo.open.weixin.qq.com/jssdk/sample.zip，下載，解壓，打開sample文件夾，將node文件夾在編輯器(如，VSCode)中打開。

1.生成簽名，用sign.js

2.使用" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 微信公眾號(hào)微信網(wǎng)頁開發(fā)，js-sdk（nodejs版）

微信公眾號(hào)微信網(wǎng)頁開發(fā)，js-sdk（nodejs版）

時(shí)間：2022-08-06 19:06:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-06 19:06:01 來源：網(wǎng)站運(yùn)營(yíng)

一、JS-SDK說明文檔




點(diǎn)擊“21 附錄6-DEMO頁面和示例代碼”，點(diǎn)擊：http://demo.open.weixin.qq.com/jssdk/sample.zip，下載，解壓，打開sample文件夾，將node文件夾在編輯器(如，VSCode)中打開。

1.生成簽名，用sign.js

2.使用，用check_sign.js

3.生成簽名之前，必須要先獲取access_token(要保存在后臺(tái))，然后根據(jù)獲取的access_token，再獲取jsapi_ticket(臨時(shí)票據(jù)，也要保存在后臺(tái))。

二、首先獲取access_token

1.分清兩種access_token

網(wǎng)頁授權(quán)access_token和普通access_token：

1）網(wǎng)頁授權(quán)access_token，微信網(wǎng)頁授權(quán)是通過OAuth2.0機(jī)制實(shí)現(xiàn)的，在用戶授權(quán)給公眾號(hào)后，公眾號(hào)可以獲取到一個(gè)網(wǎng)頁授權(quán)特有的接口調(diào)用憑證（網(wǎng)頁授權(quán)access_token），通過網(wǎng)頁授權(quán)access_token可以進(jìn)行授權(quán)后接口調(diào)用，如獲取用戶基本信息；獲取此access_token需要給微信服務(wù)器接口（https://api.weixin.qq.com/sns/oauth2/access_token）三個(gè)參數(shù)（code,appid,appsercet）

/*1.獲取code的url(訪問微信官方服務(wù)器獲取code) --- 用戶操作之后才能有code,如點(diǎn)擊頁面的授權(quán)按鈕。*/`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${APPID}&redirect_uri=${url}&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect`/*2.獲取網(wǎng)頁授權(quán)access_token的url(訪問微信官方服務(wù)器獲取)*/`https://api.weixin.qq.com/sns/oauth2/access_token?appid=${APPID}&secret=${SECRET}&code=${CODE}&grant_type=authorization_code`2）其他微信接口，需要通過基礎(chǔ)支持中的“獲取access_token”接口來獲取到的普通access_token調(diào)用。獲取此access_token需要給微信服務(wù)器接口（https://api.weixin.qq.com/cgi-bin/token）兩個(gè)參數(shù)（appid,appsercet）

/*獲取js-sdk的jsapi_ticket(臨時(shí)票據(jù))，獲取普通access_token的url(訪問微信官方服務(wù)器獲取臨時(shí)票據(jù))*/`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${APPID}&secret=${SECRET}`三、應(yīng)用

挖坑。。。

四、我遇到的報(bào)錯(cuò)及排查

1.前臺(tái)訪問后臺(tái)的接口(該接口用于生成wx.config()所需要的參數(shù)appId、 timestamp、nonceStr及signature)；此處采用的是vue2.全家桶，前后臺(tái)分離，前臺(tái)采用axios發(fā)起請(qǐng)求。在微信開發(fā)者工具上也可以獲得4個(gè)參數(shù)，但是一直報(bào)錯(cuò) “63002無效的簽名” --- 解決：前臺(tái)發(fā)起請(qǐng)求的代碼塊，保證url一定要傳遞給后臺(tái)。

2. “分享給朋友”及“分享到朋友圈“的自定義配置不生效--- 解決：用回即將廢棄的api。

const url = encodeURIComponent(location.href.split('#')[0]) axios.get(`https://xxxx/api/usersticket?url=${url}`).then((res) => { const {APPID, timestamp, noncestr, signature, url} = res.data wx.config({ debug: false, // 測(cè)試時(shí)改為true。 appId: APPID, timestamp, nonceStr: noncestr, signature, jsApiList: [ 'onMenuShareAppMessage', 'onMenuShareTimeline' ] }) wx.ready(() => { wx.onMenuShareAppMessage({ title: '自定義', desc: '自定義', link: url, imgUrl: '自定義', success: () => { console.log('分享成功了！') }, cancel: () => { console.log('分享失敗了！') } }) wx.onMenuShareTimeline({ title: '自定義', link: url, imgUrl: '自定義', success: () => { console.log('分享成功了！') }, cancel: () => { console.log('分享失敗了！') } }) }) wx.error(res => { console.log(res) }) }).catch(err => { console.log(err) })

關(guān)鍵詞：公眾

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉