包含jssdkweb調試的詞條

本文目錄一覽：

• 1、怎樣用手機調試微信web開發
• 2、微信web開發者工具mac怎麼用
• 3、【求幫助】 微信JSSDK 分享接口，調用沒反應

怎樣用手機調試微信web開發

微信web開發者工具使用教程：

1、首先用戶需要做的就是先下載安裝，並啟工具。

即刻下載使用==》微信web開發者工具下載

2、調試微信網頁授權，具體操作步驟為：

1）開發者可以在調試器中點擊“登錄”，使用手機微信掃碼登錄，從而使用真實的用戶身份來開發和調試微信網頁授權。請確認手機登錄頁，綁定的公眾號為“微信 web 開發者工具”。

2）為了保證開發者身份信息的安全，對於希望調試的公眾號，我們要求開發者微信號與之建立綁定關係。具體操作為：公眾號登錄管理後台，啟用開發者中心，在開發者工具——web 開發者工具頁面，向開發者微信號發送綁定邀請。

3）開發者在手機微信上接受邀請，即可完成綁定。每個公眾號最多可同時綁定10個開發者微信號。邀請確認頁面如下圖所示：

4）完成登錄和綁定後，開發者就可以開始調試微信網頁授權了，注意只能調試自己綁定過的公眾號：

非靜默授權的 URL：點擊查看

在微信 web 開發者工具中上面的 URL，webview 模擬器顯示效果如圖：

點擊“確認登錄”即可帶着用戶信息跳轉到第三方頁面，很方便的進行後續的開發和調試。

靜默授權的 URL：點擊查看

在微信 web 開發者工具中打開該 URL 則會自動跳轉到第三方頁面。

（注意：如果使用了代理，需代理本身支持https直連，才能調試https頁面。）

3、模擬JSSDK權限校驗

通過 web 開發者工具，可以模擬 JSSDK 在微信客戶端中的請求，並直觀地看到鑒權結果和 log。以微信 JSSDK DEMO 頁面為例：

在調試器中打開該 URL，可以方便地在右側的 JS-SDK Tab 中看到當前頁面 wx.config 的校驗情況和 JSSDK 的調用 log。 如下是校驗通過的頁面：

如下是校驗未通過的頁面：

在“權限列表” Tab 中，可以查詢到當前頁面擁有權限的 JS-SDK 列表：

4、移動調試

移動調試功能是基於 weinre 的，並且做了一些改進，相比直接使用 weinre 有兩個優點：

1）無須手工在頁面中加入 weinre 調試腳本

2）可以在 weinre 的網絡請求頁卡中，看到完整的 http 請求 log，非局限於 ajax 請求

（注意，移動調試功能暫不支持https。）

5、Chrome DevTools

微信 web 開發者工具集成了 Chrome DevTools。同之前在 PC 上的調試體驗一致，可以快速上手。

以上內容就是微信web開發者工具的一些基本使用方法，畢竟是一款適合開發人員使用的“高大上”軟件，對於小編這種“文盲”來說是根本不知道軟件的具體使用方法的，這個還需要開發者自行摸索，相信它一定能夠成為開發者開發必備的利器。

微信web開發者工具mac怎麼用

1、首先下載安裝，並啟工具。

2、調試微信網頁授權，具體操作步驟為：

在調試器中點擊“登錄”，使用手機微信掃碼登錄，從而使用真實的用戶身份來開發和調試微信網頁授權。請確認手機登錄頁，綁定的公眾號為“微信 web 開發者工具”。 為了保證開發者身份信息的安全，對於希望調試的公眾號，要求開發者微信號與之建立綁定關係。具體操作為：公眾號登錄管理後台，啟用開發者中心，在開發者工具——web 開發者工具頁面，向開發者微信號發送綁定邀請。

開發者在手機微信上接受邀請，即可完成綁定。每個公眾號最多可同時綁定10個開發者微信號。

完成登錄和綁定後，開發者就可以開始調試微信網頁授權了，注意只能調試自己綁定過的公眾號：

3、模擬JSSDK權限校驗

通過 web 開發者工具，可以模擬 JSSDK 在微信客戶端中的請求，並直觀地看到鑒權結果和 log。

【求幫助】 微信JSSDK 分享接口，調用沒反應

你在wx.config時，打開調試模式，自己測試測試，在調試模式下，都會alert信息出來，看看alert出來的是什麼信息。

具體解決步驟如下：

1、登錄你的微信平台，點擊“公眾號設置”。

2、點擊“功能設置”，然後點擊“設置”。

3、設置JS接口安全域名。這裡填寫的是一級域名，不帶www和http。最多可以設置三個域名。設置完後點擊確定。

4、在開發者中心中獲取你的AppID和AppSecret，接下來在獲取令牌時，需要這兩個信息。

5、獲取令牌。

6、獲取jsapi的ticket。

7、簽名，將jsapi_ticket、noncestr、timestamp、分享的url按字母順序連接起來，進行sha1簽名。