微信js-sdk分享功能接口常用邏輯封裝示例
本文實(shí)例講述了微信js-sdk分享功能接口常用邏輯封裝。分享給大家供大家參考,具體如下:
微信js-sdk 1.0,分享說明:
1.目前支持的分享接口5個,其中分享騰訊微博基本可以忽略
2.接口只是定義分享時的數(shù)據(jù),沒有提供觸發(fā)分享功能
一、在ready事件使用使用示例
//分享對象使用
var shareData={
title:'分享標(biāo)題',
desc:'分享描述',
link:'http://www.gongjuji.net',
imgUrl:'http://www.gongjuji.net/favicon.ico',
success:function(){
appendText('分享成功');
},
//用戶取消
cancel:function(){
appendText('分享取消');
}
}
var share=new wxShare(shareData);
share.bind();
二、封裝類定義:
//微信分享事件監(jiān)聽,常用功能封裝
(function(){
var wxShare=function(opts){
var defaults={
title:'分享標(biāo)題',//分享標(biāo)題,不能為空
desc:'',//分享描述,可以為空,(分享到朋友圈,不支持描述)
link:'',//分享頁面地址,不能為空
imgUrl:'',//分享是封面圖片,不能為空
success:function(){},//分享成功觸發(fā)
cancel:function(){} //分享取消觸發(fā),需要時可以調(diào)用
}
this.opts=$.extend({},defaults,opts);
}
wxShare.prototype={
//綁定微信朋友圈,發(fā)送朋友
bindWX:function(){
var _opts=this.opts;
//監(jiān)聽,分享到朋友圈
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)聽,分享給朋友 (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)聽,分享到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)聽,分享到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)聽,分享到騰訊微博 (基本可以放棄不使用)
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)容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理
本文將介紹javascript 文件的同步加載與異步加載實(shí)現(xiàn)原理,需要了解的朋友可以了解下2012-12-12
微信小程序獲取微信運(yùn)動步數(shù)的實(shí)例代碼
本篇文章主要介紹了微信小程序微信運(yùn)動步數(shù)的實(shí)例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
JavaScript中的一些隱式轉(zhuǎn)換和總結(jié)(推薦)
這篇文章主要介紹了JavaScript中的一些隱式轉(zhuǎn)換和總結(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

