摘要:生活在大数据互联网时代下的我们,每天都在不停的刷新朋友圈微博空间,看到好的文章图片等都会不由自主的想分享。那么,开发者在开发微博微信分享功能时,怎么做才能跳过这些坑,顺利完成分享功能今天,柚子君直接分享源码给大家,帮你们缩短开发时间。
生活在大数据互联网时代下的我们,每天都在不停的刷新朋友圈、微博、QQ空间,看到好的文章、图片等都会不由自主的想分享。使用者可以一秒钟完成内容分享,可是开发者要跳过不少坑后,才能开发出这么便捷的分享功能。
那么,开发者在开发微博、微信、QQ分享功能时,怎么做才能跳过这些坑,顺利完成分享功能?今天,柚子君直接分享源码给大家,帮你们缩短开发时间。
------ 这部分可以放在公共的JS里面 ------
var zShare = {};
zShare.dialog = function(title,text,url,img){
var shareItems = [
{text:"微信好友",icon:"widget://image/wxsession.png"}, {text:"微信朋友圈",icon:"widget://image/wxtimeline.png"}, {text:"新浪微博",icon:"widget://image/sinaWb.png"}, {text:"QQ",icon:"widget://image/qq.png"}, {text:"QQ空间",icon:"widget://image/qZone.png"} ]
var shareColumn = 5;
var dialogBox = api.require("dialogBox");
dialogBox.actionMenu ({
rect:{h:150}, texts:{cancel:"取消"}, items:shareItems, styles:{ bg:"#FFF", column:shareColumn, itemText: {color:"#000",size: 12,marginT:8}, itemIcon: {size:50}, cancel: {color:"#000",h: 40,size: 14} }
}, function(ret){
if(ret.eventType=="cancel"){ dialogBox.close({dialogName:"actionMenu"}); } else if(ret.eventType=="click"){ if(ret.index==0){ zShare.wxNews("session",title,text,url,img); } else if(ret.index==1){ zShare.wxNews("timeline",title,text,url,img); } else if(ret.index==2){ zShare.weiboNews("sinaWb",title,text,url,img); } else if(ret.index==3){ zShare.qqNews("QFriend",title,text,url,img); } else if(ret.index==4){ zShare.qqNews("QZone",title,text,url,img); } }
});
}
zShare.wxNews = function(tar,title,text,url,img){
filename = (new Date()).valueOf()+"."+zShare.ext(img);
api.download({
url: img, savePath: "fs://"+filename, report: false, cache: true, allowResume: true
}, function(ret, err) {
var wx = api.require("wx"); wx.isInstalled(function(ret){ if(ret.installed) { api.toast({msg:"分享中,请稍候",duration:2000,location:"middle"}); } else { api.toast({msg:"没有安装微信,无法进行分享",duration:2000,location:"middle"}); } }); wx.shareWebpage({ apiKey: "", scene: tar, title: title, description: text, thumb: "fs://"+filename, contentUrl: url }, function(ret, err) { if (ret.status) { api.toast({msg: "分享成功",duration:2000, location: "middle"}); } });
});
}
zShare.qqNews = function(tar,title,text,url,img){
var qq = api.require("QQPlus");
qq.installed(function(ret){
if(ret.status) { api.toast({msg:"分享中,请稍候",duration:2000,location:"middle"}); } else { api.toast({msg:"没有安装QQ,无法进行分享",duration:2000,location:"middle"}); }
});
qq.shareNews({
url: url, title: title, description: text, imgUrl: img, type: tar
},function(ret,err){
if (ret.status){ api.toast({msg: "分享成功",duration:2000, location: "botoom"}); }
});
}
zShare.weiboNews = function(tar,title,text,url,img){
filename = (new Date()).valueOf()+"."+zShare.ext(img);
api.download({
url: img, savePath: "fs://"+filename, report: false, cache: true, allowResume: true
}, function(ret, err) {
var weibo = api.require("weibo"); weibo.shareImage({ text: title+text+url, imageUrl: "fs://"+filename }, function(ret, err) { if (ret.status) { api.toast({msg:"分享成功",duration:2000,location:"middle"}); } });
});
}
zShare.ext = function(fileName) {
return fileName.substring(fileName.lastIndexOf(".") + 1);
}
------ 这部分可以放在config.xml ------
注意:这里有个坑,就是QQPlus区分安卓和iOS,不然在调用QQ空间分享的时候是能进入到QQ空间的界面的,但是一点提交,就会提示应用不存在。
------ 调用方法 ------
zShare.dialog("标题","文本","链接","图片")
另外:如果你在使用mobShare,想从mobShare换成独立的模块分享,你可能会遇到一个问题,就是不删除mobShare又加入weibo模块在编译的时候会提示模块冲突,那就要删掉mobShare,要删除的话你得先把config.xml中的mobShare代码删除,然后提交,再到APICloud模块管理里面删除,如果不删除代码的话APICloud模块管理是不能删除的。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/92598.html
摘要:一简介该主要实现分享微信分享和新浪微博分享。调试包请到论坛扫描对应二维码下载二效果图三相关讨论四源码地址五更多示例只需要就可以开发出纯原生的三个平台的。 一、简介 该demo主要实现QQ分享、微信分享和新浪微博分享。(调试包请到论坛扫描对应二维码下载) 二、效果图showImg(https://segmentfault.com/img/bVDjCr?w=320&h=568);showI...
阅读 3486·2023-04-25 17:35
阅读 2567·2021-11-24 09:39
阅读 2511·2021-10-18 13:32
阅读 3394·2021-10-11 10:58
阅读 1615·2021-09-26 09:55
阅读 6098·2021-09-22 15:47
阅读 920·2021-08-26 14:15
阅读 3445·2019-08-30 15:55