国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

總結分享有關微信JSSDK接入的幾點注意事項

來源:懂視網 責編:小采 時間:2020-11-27 20:19:08
文檔

總結分享有關微信JSSDK接入的幾點注意事項

總結分享有關微信JSSDK接入的幾點注意事項:微信JS SDK接入,主要可以先參考官網說明文檔,總結起來有幾個步驟:1.綁定域名:先登錄微信公眾平臺進入公眾號設置的功能設置里填寫JS接口安全域名。備注:登錄后可在開發者中心查看對應的接口權限。2.引入JS文件:在需要調用JS接口的頁面
推薦度:
導讀總結分享有關微信JSSDK接入的幾點注意事項:微信JS SDK接入,主要可以先參考官網說明文檔,總結起來有幾個步驟:1.綁定域名:先登錄微信公眾平臺進入公眾號設置的功能設置里填寫JS接口安全域名。備注:登錄后可在開發者中心查看對應的接口權限。2.引入JS文件:在需要調用JS接口的頁面

微信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 < len; i++) {
 pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
 }
 return pwd;
 };

 var showShareSetting = function () {
 console.log("title="+title+",description="+description+",link="+url+",imgUrl="+imgUrl);
 };

 //wx配置參數
 var jsapi_ticket = $.cookie('jsapi_ticket');
 var hello2 = 'hello222';
 console.log("jsapi_ticket="+jsapi_ticket);

 var wxConfig = function () {
 //alert('ddd='+jsapi_ticket);
 //獲取當前url,不含#以及之后的部分
 var timestamp = new Date().getTime(); //生成簽名的時間戳(當前時間)
 var noncestr = randomString(20);
 var signature = ''; //簽名
 var url = window.location.href;
 var index = url.indexOf('#');
 if(index !== -1 ) {
 url = url.slice(0,index);
 }
 var temp = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"×tamp="+timestamp+"&url="+url;
 signature = hex_sha1(temp);
 console.log("signature="+signature);
 wx.config({
 debug: false, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數,可以在pc端打開,參數信息會通過log打出,僅在pc端時才會打印。
 appId: 'wx0875a197e0e5bcd7', // 必填,公眾號的唯一標識
 timestamp: timestamp, // 必填,生成簽名的時間戳
 nonceStr: noncestr, // 必填,生成簽名的隨機串
 signature: signature,// 必填,簽名,見附錄1
 jsApiList: [
 'checkJsApi',
 'onMenuShareTimeline',
 'onMenuShareAppMessage',
 'onMenuShareQQ',
 'onMenuShareWeibo',
 'onMenuShareQZone'
 ] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2
 });

 wx.ready(function () {
 //配置成功之后回調
 console.log("微信JS SDK配置成功!");
 //實例化title\imgUrl
 title = $('title').html(); //默認取title
 description = $("meta[name='description']").attr('content');
 //判斷當前頁面類型取縮略圖
 $("body img").each(function(index,element){
 var width = $(element).width();
 var height = $(element).height();
 var Src = $(element).attr("src");
 if(width>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();
 }
}

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

總結分享有關微信JSSDK接入的幾點注意事項

總結分享有關微信JSSDK接入的幾點注意事項:微信JS SDK接入,主要可以先參考官網說明文檔,總結起來有幾個步驟:1.綁定域名:先登錄微信公眾平臺進入公眾號設置的功能設置里填寫JS接口安全域名。備注:登錄后可在開發者中心查看對應的接口權限。2.引入JS文件:在需要調用JS接口的頁面
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 日韩手机在线 | xx中文字幕乱偷avxx | 最新亚洲精品 | 波多野结衣系列在线观看 | 国产精品视频久久久久 | 精品亚洲性xxx久久久 | 欧美aa在线观看 | 日韩欧美激情 | 毛片免费网站 | 精品国产91乱码一区二区三区 | 亚洲欧美在线视频 | 国产在线观看第一页 | 亚洲综合一区二区精品久久 | 99国产牛牛视频在线网站 | 欧美三级不卡 | 亚洲欧美在线视频 | 久久久久久久岛国免费播放 | 久久精品国产国产精品四凭 | 欧美1区二区三区公司 | 国产精品免费在线播放 | 久久久久久久久国产 | 欧美在线一 | 日韩欧美在线视频观看 | 久久成人a毛片免费观看网站 | 欧美人一级淫片a免费播放 欧美精品专区免费观看 | 一区二区三区网站 | 久久一区二区三区精品 | 亚洲欧美日韩在线观看二区 | 国产精品夜夜爽范冰冰 | 亚洲欧美日韩在线观看 | 欧美一区二区三区四区在线观看 | 欧美伊香蕉久久综合类网站 | 国产日韩视频 | 亚洲精品综合久久中文字幕 | 久久精品成人国产午夜 | 天天爽夜夜爽一区二区三区 | 精品亚洲一区二区 | 91一区二区在线观看精品 | 亚洲欧美视屏 | 国产日韩视频在线 | 亚洲午夜伦理 |