微信jssdk說明文檔詳細(xì)介紹了,微信網(wǎng)頁開發(fā)接入jssdk的流程:
http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html
1、登錄微信公眾平臺 http://mp.weixin.qq.com
2、找到公眾號設(shè)置

Paste_Image.png
3、在功能設(shè)置中綁定js接口安全域名。安全域名要求是一級或一級以上域名,須通過ICP備案的驗證,可填寫三個域名(例:qq.com),一個月內(nèi)最多可修改三次域名,任意一個域名變更記為一次。

Paste_Image.png

Paste_Image.png
4、引入js文件
http://res.wx.qq.com/open/js/jweixin-1.0.0.js
5、通過config接口注入權(quán)限驗證配置,這里直接用微信公眾平臺里提供的實例代碼來測試。

Paste_Image.png
6、從下載的文件中找到sample.php,然后需要做的有兩點:
6-1、修改 appid與appsecret,綠框圈出的部分

Paste_Image.png
6-2、填寫需要調(diào)用的api列表,api list在開發(fā)者文檔--->微信網(wǎng)頁開發(fā)--->微信jssdk 附錄中可以找到。

Paste_Image.png
6-3、這里需要注意的是,初次接入jssdk最好開啟debug模式

Paste_Image.png
7、通過ready接口通過成功驗證,這里的實例為分享接口的調(diào)用,其他的api調(diào)用方式都是一樣的,到此我們便可成功調(diào)用jssdk來進行微信網(wǎng)頁開發(fā)了。

Paste_Image.png