JS版微信6.0分享接口用法分析
本文實(shí)例講述了JS版微信6.0分享接口用法。分享給大家供大家參考,具體如下:
為了凈化網(wǎng)絡(luò),整頓誘導(dǎo)分享及誘導(dǎo)關(guān)注行為,微信于2014年12月30日發(fā)布了《微信公眾平臺(tái)關(guān)于整頓誘導(dǎo)分享及誘導(dǎo)關(guān)注行為的公告》,微信平臺(tái)開發(fā)者發(fā)現(xiàn),原有的微信分享功能不能用了。正在苦于微信分享該怎么解決時(shí),微信于2015年1月10日即時(shí)發(fā)布了開放JS-SDK,為微信網(wǎng)站的開發(fā)提供了強(qiáng)大的js功能。
注:
1.微信JS-SDK,提供的分享接口僅是監(jiān)聽分享事件觸發(fā)時(shí),修改分享的標(biāo)題、鏈接等。不能自定義觸發(fā)分享事件
2.分享的監(jiān)聽,僅提供了騰訊旗下產(chǎn)品的接口,接口列表:分享到朋友圈、分享給朋友、分享到QQ、分享到QQ空間、分享到騰訊微博;
微信6.0之后,原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {}不再可以使用,但是微信提供的新的方法 JS-SDK, 官方接口請(qǐng)參見 微信JSSDK說明文檔
分享接口使用實(shí)例:
注:本文介紹的前提是服務(wù)器端已經(jīng)獲取的公眾平臺(tái)的access_token和Jsapi_Ticket
一、權(quán)限驗(yàn)證配置,注冊(cè)當(dāng)前頁面使用的分享接口
//注入權(quán)限驗(yàn)證配置 wx.config({ debug: true, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會(huì)通過log打出,僅在pc端時(shí)才會(huì)打印。 appId: '@AccessTokenManage.AppID', // 必填,公眾號(hào)的唯一標(biāo)識(shí) timestamp:@timestamp , // 必填,生成簽名的時(shí)間戳 nonceStr: '@timestamp', // 必填,生成簽名的隨機(jī)串 signature: '@Common.SecurityHelper.SHA1(sig)',// 必填,簽名,見附錄1 jsApiList: [ //分享接口列表 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo' ] // 必填,需要使用的JS接口列表,所有JS接口列表見附錄2 });
二、在ready事件中,注冊(cè)監(jiān)聽分享
//處理成功驗(yàn)證 wx.ready(function () { // config信息驗(yàn)證后會(huì)執(zhí)行ready方法,所有接口調(diào)用都必須在config接口獲得結(jié)果之后, //config是一個(gè)客戶端的異步操作,所以如果需要在頁面加載時(shí)就調(diào)用相關(guān)接口,則須把相關(guān)接口放在ready函數(shù)中調(diào)用來確保正確執(zhí)行。 //對(duì)于用戶觸發(fā)時(shí)才調(diào)用的接口,則可以直接調(diào)用,不需要放在ready函數(shù)中。 //監(jiān)聽,分享到朋友圈 wx.onMenuShareTimeline({ title:'標(biāo)題測(cè)試', link:'http://www.dbjr.com.cn', imgUrl:'http://www.dbjr.com.cn/favicon.ico', success:function(){ appendText('分享成功'); }, calcel:function(){ appendText('已經(jīng)取消'); } }); //監(jiān)聽,分享到QQ空間 wx.onMenuShareQZone({ title: '標(biāo)題測(cè)試', // 分享標(biāo)題 desc: '描述測(cè)試', // 分享描述 link: 'http://www.dbjr.com.cn', // 分享鏈接 imgUrl: 'http://www.dbjr.com.cn/favicon.ico', // 分享圖標(biāo) success: function () { // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù) appendText('分享QQ空間成功'); }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) appendText('分享QQ控件取消'); } }); //監(jiān)聽,分享給朋友 (type,dataurl基本可以放棄不使用) wx.onMenuShareAppMessage({ title: '標(biāo)題測(cè)試', // 分享標(biāo)題 desc: '描述測(cè)試', // 分享描述 link: 'http://www.dbjr.com.cn', // 分享鏈接 imgUrl: 'http://www.dbjr.com.cn/favicon.ico', // 分享圖標(biāo) type: 'link', // 分享類型,music、video或link,不填默認(rèn)為link dataUrl: '', // 如果type是music或video,則要提供數(shù)據(jù)鏈接,默認(rèn)為空 success: function () { // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù) appendText('分享給朋友成功'); }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) appendText('分享給朋友取消'); } }); //監(jiān)聽,分享到QQ wx.onMenuShareQQ({ title: '標(biāo)題測(cè)試', // 分享標(biāo)題 desc: '描述測(cè)試', // 分享描述 link: 'http://www.dbjr.com.cn', // 分享鏈接 imgUrl: 'http://www.dbjr.com.cn/favicon.ico', // 分享圖標(biāo) success: function () { // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù) appendText('分享到QQ成功'); }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) appendText('分享到QQ取消'); } }); //監(jiān)聽,分享到騰訊微博 (基本可以放棄不使用) wx.onMenuShareWeibo({ title: '標(biāo)題測(cè)試', // 分享標(biāo)題 desc: '描述測(cè)試', // 分享描述 link: 'http://www.dbjr.com.cn', // 分享鏈接 imgUrl: 'http://www.dbjr.com.cn/favicon.ico', // 分享圖標(biāo) success: function () { // 用戶確認(rèn)分享后執(zhí)行的回調(diào)函數(shù) appendText('分享到騰訊微博成功'); }, cancel: function () { // 用戶取消分享后執(zhí)行的回調(diào)函數(shù) appendText('分享到騰訊微博失敗'); } }); appendText('ready事件觸發(fā)'); });
關(guān)于常用封裝實(shí)例可參考前面一篇《微信js-sdk分享功能接口常用邏輯封裝示例》
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
根據(jù)輸入郵箱號(hào)跳轉(zhuǎn)到相應(yīng)登錄地址的解決方法
本文分享了基于javascript實(shí)現(xiàn)的根據(jù)輸入郵箱號(hào)跳轉(zhuǎn)到相應(yīng)登錄地址的具體實(shí)例代碼,需要的朋友一起來看下吧2016-12-12JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能
本文主要介紹了JS實(shí)現(xiàn)復(fù)制內(nèi)容到剪貼板功能的步驟方法,可兼容所有PC瀏覽器,不兼容手機(jī)端。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的解決辦法
這篇文章主要介紹了解決input獲取焦點(diǎn)時(shí)底部菜單被頂上來問題的方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下2017-01-01js創(chuàng)建對(duì)象幾種方式的優(yōu)缺點(diǎn)對(duì)比
這篇文章主要對(duì)比了js創(chuàng)建對(duì)象幾種方式的優(yōu)缺點(diǎn),感興趣的小伙伴們可以參考一下2016-09-09JS庫之Three.js 簡(jiǎn)易入門教程(詳解之一)
three.js是一款webGL框架,由于其易用性被廣泛應(yīng)用。下面腳本之家小編通過案例給大家闡述three.js的基本配置方法,具體內(nèi)容詳情大家參考下本文吧2017-09-09JS 日期驗(yàn)證正則附asp日期格式化函數(shù)
JS 日期驗(yàn)證正則 asp日期格式化函數(shù),大家以后的日期就是能通過驗(yàn)證的了。2009-09-09詳解在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴導(dǎo)入)
這篇文章主要介紹了在IDEA中將Echarts引入web兩種方式(使用js文件和maven的依賴導(dǎo)入),本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07