微信jssdk开发,PHP,必要步骤
微信的文檔幾個重疊在一起,有點亂,自己用到就統計一下,減少字數直接上,畢竟懶。
一般說明步驟一:微信jssdk使用必須在微信公眾平臺進入其公眾號設置,打開配置安全域名才可以。
安全域名則是請求調用微信接口的安全域名,非域名下則會出現權限錯誤,未授權域名等。
一般說明步驟二:引入其對應的JS文件,這個基本知識不過多解釋
一般說明步驟三:引入文件,調用其config接口,配置好對應的配置項即可
一般說明步驟四:通過ready接口里配置的響應接口在頁面加載的時候就可以用,如果需要響應的就不需要放在這里面,注意:所有的接口需要在config之后,config是其一個異步操作
一般說明步驟五:error的信息報錯會執行error函數,錯誤信息需要打開config中的debug
簡而言之就是如下步驟:
步驟一:配置安全域名(配置JS接口安全域名)
步驟二:引入JS文件
步驟三:使用config接口,寫入配置
步驟四:在ready里面配置需要在加載時候就可以用的接口
步驟五:error說明函數
假設調用成功,開啟了debug,那么會提示:xxx:ok,xxx是你使用的接口名
假設調用用戶取消,開啟了debug,那么會提示:xxx:cancel,xxx是你使用的接口名
調用失敗時:將會返回具體錯誤信息
以下是微信官方原版Demo:
注意,一定記得后臺配置是否正確,配置js安全域名和appid以及secret
完整的一個微信分享Demo:分享示例
注意:重要提醒,在微信開發工具上面調試,千萬別信報錯,因為報錯有時候是bug,但是代碼是正確的,我寫微信分享,正確的代碼調試了一周,最后是工具的問題,用真機調試即可,工具就調樣式,大致看看就ok,真機雙重檢驗
<?php require_once "jssdk.php";//使用官方原版的即可 $jssdk = new JSSDK("這里填寫你的appid", "你的AppSecret");//去微信公眾號里面找 $signPackage = $jssdk->GetSignPackage();//取得簽名及其他必要信息的信息包 ?> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title> </head> <body></body> <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script>/** 注意:* 1. 所有的JS接口只能在公眾號綁定的域名下調用,公眾號開發者需要先登錄微信公眾平臺進入“公眾號設置”的“功能設置”里填寫“JS接口安全域名”。* 2. 如果發現在 Android 不能分享自定義內容,請到官網下載最新的包覆蓋安裝,Android 自定義分享接口需升級至 6.0.2.58 版本及以上。* 3. 常見問題及完整 JS-SDK 文檔地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html** 開發中遇到問題詳見文檔“附錄5-常見錯誤及解決辦法”解決,如仍未能解決可通過以下渠道反饋:* 郵箱地址:weixin-open@qq.com* 郵件主題:【微信JS-SDK反饋】具體問題* 郵件內容說明:用簡明的語言描述問題所在,并交代清楚遇到該問題的場景,可附上截屏圖片,微信團隊會盡快處理你的反饋。*///這里使用wx調用config接口,填寫配置項wx.config({debug: true,appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',jsApiList: [// 所有要調用的 API 都要加到這個列表中'onMenuShareAppMessage','onMenuShareTimeline','chooseWXPay','showOptionMenu',"updateAppMessageShareData","hideMenuItems","showMenuItems","onMenuShareTimeline",'onMenuShareAppMessage'],success: function(res) {// 以鍵值對的形式返回,可用的api值true,不可用為false// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}}});wx.ready(function () { //需在用戶可能點擊分享按鈕前就先調用});//wx.success(function(res){// config信息驗證失敗會執行error函數,如簽名過期導致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數中查看,對于SPA可以在這里更新簽名。//}); </script> </html>總結
以上是生活随笔為你收集整理的微信jssdk开发,PHP,必要步骤的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于在Windows下AndroidSt
- 下一篇: 微信JSSDK分享页面自定义当前链接最简