微信JS SDK接入,主要可以先參考官網說明文檔,總結起來有幾個步驟:
#1.綁定網域:
先登入微信公眾平台進入「公眾號設定」的「功能設定」裡填寫「JS介面安全域名」。
備註:登入後可在「開發者中心」查看對應的介面權限。
2.引入JS檔案:在需要呼叫JS介面的頁面引入如下JS文件,(支援https):,
備註:支援使用AMD/CMD 標準模組載入方法加載,這裡補充引入jquery .cookie.js,sha1.js,後面需要用
3.獲取access_token,再獲取jsapi_ticket,由於不能頻繁調用獲取jsapi_ticket的函數,可以保存一份全局的jsapi_ticket,存放在cookie中,如果過時了再重新取得;另外,這兩個獲取操作建議放到服務端確保安全性;
4.拼接noncestr(隨機字串), 有效的jsapi_ticket, timestamp(時間戳記), url(目前網頁的URL,不包含#及其後面部分),對所有待簽章參數依照欄位名稱的ASCII 碼從小到大排序(字典序)後,使用URL鍵值對的格式(即key1=value1&key2=value2… )拼接成字串string1。這裡要注意的是所有參數名稱都是小寫字元。
5.sha1加密產生簽章signature;
6.設定wx.config,wx.ready,wx.error等方法,其中wx.ready是設定成功之後的回調,建議其他方法如微信分享wx.onMenuShareTimeline,wx.onMenuShareAppMessage之類都放到ready裡面,以達到同步執行的目的;
服務端介面:
//access_token是公众号的全局唯一票据 public function getTokenForJS() { $appid = "不告诉你"; $secret = "不告诉你"; $url = "https://api.weixin.qq.com/cgi-bin/token?appid=".$appid."&secret=".$secret."&grant_type=client_credential"; $result = http_request($url); echo $result;exit; } //获取ticket public function getTicket(){ $access_token = I("get.access_token"); $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=".$access_token."&type=jsapi"; //$this->ajaxJSON($url); $result = http_request($url); echo $result;exit; } function http_request($url, $data = null) { $curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url); curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, false); if (!empty($data)) { curl_setopt($curl, CURLOPT_POST, 1); curl_setopt($curl, CURLOPT_POSTFIELDS, $data); } curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); $info = curl_exec($curl); curl_close($curl); return $info; }
前端js:
function setWechatJS() { // var temp = "jsapi_ticket=kgt8ON7yVITDhtdwci0qeRukvrGB1QLAfzCcybh4a_VMg6rgB4OhdsD4O2ruRI0OUPG5VfpKlYYWXcyEeChbBw&noncestr=4df32E3jY6YneEPNfGfs×tamp=1498120656&url="; // alert( hex_sha1(temp)); return false; //生成随机字符串 var randomString = function(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ var maxPos = $chars.length; var pwd = ''; for (var i = 0; i 200 && height>200){//去页面中第一张宽高都大于200的图片 imgUrl = Src; //console.log(Src); return false; }else{//未在页面中取到合适的图片就选取银河的logo图 imgUrl = MyPic+"/H5/img/icon.png"; } }); showShareSetting(); //分享到朋友圈 wx.onMenuShareTimeline({ title: title, // 分享标题 link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 showShareSetting(); }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享给朋友 wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: description, // 分享描述 link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 type: '', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 showShareSetting(); }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到QQ wx.onMenuShareQQ({ title: title, // 分享标题 desc: description, // 分享描述 link: url, // 分享链接 imgUrl: imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 showShareSetting(); }, cancel: function () { // 用户取消分享后执行的回调函数 } }); //分享到QQ空间 wx.onMenuShareQZone({ title: title, // 分享标题 desc: description, // 分享描述 link: url, // 分享链接 imgUrl: imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 showShareSetting(); }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); wx.error(function(res){ console.log("微信JS SDK配置错误!"); // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 }); }; //待分享生成的标题、链接、缩略图 var title,url,imgUrl,description; //本地cookie查找不到缓存再去请求网络 if(typeof (jsapi_ticket) == 'undefined' || jsapi_ticket == ''){ //alert('aaa='+jsapi_ticket); //以下步骤分别获取全局access_token、jsapi_ticket、signature $.get(MyUrl+"getTokenForJS",function (data) { var access_token = data['access_token']; //获取全局access_token,以及7200秒之后刷新的问题 //先出cookie中取,如果没有, $.get(MyUrl+"getTicket?access_token="+access_token,function(data){ jsapi_ticket = data['ticket']; //保存当前jsapi_ticket var date = new Date(); date.setTime(date.getTime()+7200*1000);//只能这么写,10表示10秒钟 //?替换成分钟数如果为60分钟则为 60 * 60 *1000 $.cookie('jsapi_ticket',jsapi_ticket,{expires:date,path:'/'}); //有效期7200秒 console.log("jsapi_ticket="+jsapi_ticket); //alert('ccc='+jsapi_ticket); wxConfig(); },'json'); },'json'); }else { //alert('bbb='+jsapi_ticket); wxConfig(); } }
以上是總結分享有關微信JS SDK接入的幾點注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

是的,JavaScript的引擎核心是用C語言編寫的。 1)C語言提供了高效性能和底層控制,適合JavaScript引擎的開發。 2)以V8引擎為例,其核心用C 編寫,結合了C的效率和麵向對象特性。 3)JavaScript引擎的工作原理包括解析、編譯和執行,C語言在這些過程中發揮關鍵作用。

JavaScript是現代網站的核心,因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容,2)通過DOMAPI操作網頁,3)支持複雜的交互效果如動畫和拖放,4)優化性能和最佳實踐提高用戶體驗。

C 和JavaScript通過WebAssembly實現互操作性。 1)C 代碼編譯成WebAssembly模塊,引入到JavaScript環境中,增強計算能力。 2)在遊戲開發中,C 處理物理引擎和圖形渲染,JavaScript負責遊戲邏輯和用戶界面。

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中,JavaScript與HTML、CSS一起操作DOM,實現動態效果,並支持如jQuery、React等框架。 2)通過ReactNative和Ionic,JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行,支持高並發請求。

Python更適合數據科學和自動化,JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色,使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺,用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用,支持全棧開發。

C和C 在JavaScript引擎中扮演了至关重要的角色,主要用于实现解释器和JIT编译器。1)C 用于解析JavaScript源码并生成抽象语法树。2)C 负责生成和执行字节码。3)C 实现JIT编译器,在运行时优化和编译热点代码,显著提高JavaScript的执行效率。

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SublimeText3 Linux新版
SublimeText3 Linux最新版

記事本++7.3.1
好用且免費的程式碼編輯器

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中