国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

關(guān)于在vue-cli中使用微信自動登錄和分享的實例

2019-11-19 16:17:12
字體:
供稿:網(wǎng)友

(以下所有接口由后臺提供)

一、微信自動登錄

 //定義事件 methods:{   //判斷是否微信登陸 是不是微信瀏覽器  isWeiXin() {   let ua = window.navigator.userAgent.toLowerCase();   console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1   if (ua.match(/MicroMessenger/i) == 'micromessenger') {   return true;   } else {   return false;   }  },  test(){    if(this.isWeiXin()){    //微信登錄,接口由后臺定義     this.$http.get('/wx/index/login/type/2').then((res) => {        if(res.data.code==0){  //微信登錄成功跳轉(zhuǎn)個人中心        this.$router.push({          name:'UserHome',        })      }else{        //微信登錄失敗,使用填寫信息登錄        this.$router.push({          name:'Login',        })      }     })  }
 //頁面加載后執(zhí)行 mounted(){   if(this.isWeiXin()){  //是來自微信內(nèi)置瀏覽器    // 獲取微信信息,如果之前沒有使用微信登陸過,將進行授權(quán)登錄    this.$http.get(this.$root.api+"/index/index/wx_info").then((res) => {     if(res.data.code!=0){       location.href='/wx/index/wxAutoLogin';     }    })   } }

 二、微信分享

 methods:{  //判斷是否微信登陸  isWeiXin() {   let ua = window.navigator.userAgent.toLowerCase();   console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1   if (ua.match(/MicroMessenger/i) == 'micromessenger') {   return true;   } else {   return false;   }  },  //微信分享使用方法  wxInit(sd){   let links='http://www.kspxzx.com/index/index/wxshare_choiceOk/identity/Student/courseID/'+this.courseID+'/appointment_code/'+this.appointment_code;  //分享出去的鏈接   let title='學車訓練課程分享';  //分享的標題   let desc=' 教練名字:'+this.codeName+' 所在駕校:'+this.drive+' 訓練日期:'+this.date+' 訓練項目:'+this.proje; //分享的詳情介紹     wx.config({       debug: false,       appId: sd.appId,       timestamp: sd.timestamp,       nonceStr: sd.nonceStr,       signature: sd.signature,       jsApiList: [         'onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo'       ]     });      wx.ready(function () {      // alert("done")      // alert(title)      wx.onMenuShareTimeline({        title: title, // 分享標題        link:links, // 分享鏈接'        imgUrl: sd.cover, // 分享圖標        success: function () {          // 分享紀錄          shareRecord();          alert("分享到朋友圈成功")        },        cancel: function () {          alert("分享失敗,您取消了分享!")        }      });      // wx.onMenuShareAppMessage({      //   title: title, // 分享標題      //   desc: description, // 分享描述      //   link: link, // 分享鏈接      //   imgUrl: cover, // 分享圖標      //   success: function () {      //     alert("成功分享給朋友")      //   },      //   cancel: function () {      //     alert("分享失敗,您取消了分享!")      //   }      // });      //微信分享菜單測試      wx.onMenuShareAppMessage({        title:title, // 分享標題        desc: desc, // 分享描述        link: links, // 分享鏈接        imgUrl: sd.cover, // 分享圖標        success: function () {          // 分享紀錄          shareRecord();          alert("成功分享給朋友")        },        cancel: function () {          alert("分享失敗,您取消了分享!")        }      });      wx.onMenuShareQQ({        title:title, // 分享標題        desc: desc, // 分享描述        link:links, // 分享鏈接        imgUrl: sd.cover, // 分享圖標        success: function () {          // 分享紀錄          shareRecord();          alert("成功分享給QQ")        },        cancel: function () {          alert("分享失敗,您取消了分享!")        }      });      wx.onMenuShareWeibo({        title:title, // 分享標題        desc: desc, // 分享描述        link: links, // 分享鏈接        imgUrl: sd.cover, // 分享圖標        success: function () {          // 分享紀錄          shareRecord();          alert("成功分享給朋友")        },        cancel: function () {          alert("分享失敗,您取消了分享!")        }      });     });     wx.error(function(res){       // alert("error")       // config信息驗證失敗會執(zhí)行error函數(shù),如簽名過期導致驗證失敗,具體錯誤信息可以打開config的debug模式查看,也可以在返回的res參數(shù)中查看,對于SPA可以在這里更新簽名。     });  }, },
 mounted(){// 微信分享  'http://www.kspxzx.com/'    let old_this=this;    if(this.isWeiXin()){      var url = "/Index/index/wxShare";  //后臺接口      var data = {url:'http://www.kspxzx.com/'}   //當前網(wǎng)頁鏈接,必須跟當前頁面鏈接一樣,單頁面則以首頁鏈接為準      $.post(url,data,function(res){        if(res.code == 0){          // 調(diào)用微信分享          old_this.wxInit(res.data);        }      });    }   };

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持武林網(wǎng)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 自治县| 遵义县| 登封市| 博爱县| 山丹县| 凤冈县| 泰来县| 宽城| 甘南县| 永城市| 乌苏市| 新田县| 水富县| 玛多县| 保德县| 阆中市| 文昌市| 遵义县| 襄汾县| 璧山县| 巢湖市| 武强县| 文成县| 长顺县| 崇明县| 遂平县| 图木舒克市| 江安县| 诸暨市| 寿阳县| 响水县| 临沭县| 仙居县| 泰兴市| 鄂尔多斯市| 灵丘县| 永安市| 普宁市| 个旧市| 金昌市| 宜君县|