微信js-sdk分享功能接口常用邏輯封裝示例
本文實(shí)例講述了微信js-sdk分享功能接口常用邏輯封裝。分享給大家供大家參考,具體如下:
微信js-sdk 1.0,分享說(shuō)明:
1.目前支持的分享接口5個(gè),其中分享騰訊微博基本可以忽略
2.接口只是定義分享時(shí)的數(shù)據(jù),沒(méi)有提供觸發(fā)分享功能
一、在ready事件使用使用示例
//分享對(duì)象使用 var shareData={ title:'分享標(biāo)題', desc:'分享描述', link:'http://www.gongjuji.net', imgUrl:'http://www.gongjuji.net/favicon.ico', success:function(){ appendText('分享成功'); }, //用戶(hù)取消 cancel:function(){ appendText('分享取消'); } } var share=new wxShare(shareData); share.bind();
二、封裝類(lèi)定義:
//微信分享事件監(jiān)聽(tīng),常用功能封裝 (function(){ var wxShare=function(opts){ var defaults={ title:'分享標(biāo)題',//分享標(biāo)題,不能為空 desc:'',//分享描述,可以為空,(分享到朋友圈,不支持描述) link:'',//分享頁(yè)面地址,不能為空 imgUrl:'',//分享是封面圖片,不能為空 success:function(){},//分享成功觸發(fā) cancel:function(){} //分享取消觸發(fā),需要時(shí)可以調(diào)用 } this.opts=$.extend({},defaults,opts); } wxShare.prototype={ //綁定微信朋友圈,發(fā)送朋友 bindWX:function(){ var _opts=this.opts; //監(jiān)聽(tīng),分享到朋友圈 wx.onMenuShareTimeline({ title:_opts.title, link:_opts.link, imgUrl:_opts.imgUrl, success:function(){ if(_opts.success) _opts.success(); }, calcel:function(){ if(_opts.cancel) _opts.cancel(); } }); //監(jiān)聽(tīng),分享給朋友 (type,dataurl基本可以放棄不使用) wx.onMenuShareAppMessage({ title: _opts.title, // 分享標(biāo)題 desc: _opts.desc, // 分享描述 link: _opts.link, // 分享鏈接 imgUrl: _opts.imgUrl, // 分享圖標(biāo) success: function () { if(_opts.success) _opts.success(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); }, //綁定QQ空間,QQ好友 bindQQ:function(){ var _opts=this.opts; //監(jiān)聽(tīng),分享到QQ空間 wx.onMenuShareQZone({ title: _opts.title, // 分享標(biāo)題 desc: _opts.desc, // 分享描述 link: _opts.link, // 分享鏈接 imgUrl: _opts.imgUrl, // 分享圖標(biāo) success: function () { if(_opts.success) _opts.success(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); //監(jiān)聽(tīng),分享到QQ wx.onMenuShareQQ({ title: _opts.title, // 分享標(biāo)題 desc: _opts.desc, // 分享描述 link: _opts.link, // 分享鏈接 imgUrl: _opts.imgUrl, // 分享圖標(biāo) success: function () { if(_opts.success) _opts.success(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); }, //綁定默認(rèn),不使用騰訊微博 bind:function(){ this.bindWX(); this.bindQQ(); }, //綁定所有,包括騰訊微博 bindAll:function(){ this.bind(); var _opts=this.opts; //監(jiān)聽(tīng),分享到騰訊微博 (基本可以放棄不使用) wx.onMenuShareWeibo({ title: _opts.title, // 分享標(biāo)題 desc:_opts.desc, // 分享描述 link: _opts.link, // 分享鏈接 imgUrl:_opts.imgUrl, // 分享圖標(biāo) success: function () { if(_opts.success) _opts.success(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); } } window.wxShare=wxShare; })();
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫(huà)特效與技巧匯總》、《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)文章
javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理
本文將介紹javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理,需要了解的朋友可以了解下2012-12-12微信小程序獲取微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼
本篇文章主要介紹了微信小程序微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07JavaScript中的一些隱式轉(zhuǎn)換和總結(jié)(推薦)
這篇文章主要介紹了JavaScript中的一些隱式轉(zhuǎn)換和總結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-12-12使用validate.js實(shí)現(xiàn)表單數(shù)據(jù)提交前的驗(yàn)證方法
這篇文章主要介紹了使用validate.js實(shí)現(xiàn)表單數(shù)據(jù)提交前的驗(yàn)證方法,文中給大家提供了完整代碼,需要的朋友可以參考下2018-09-09