社友网(新版)

 找回密码
 立即注册

快捷登录

搜索
查看: 433|回复: 0

知识教程 | 常用的分享源码(含微博、微信、QQ分享...)

[复制链接]
admin 发表于 2018-3-16 22:24:03 | 显示全部楼层 |阅读模式
                                                                                                    生活在大数据互联网时代下的我们,每天都在不停的刷新朋友圈、微博、QQ空间,看到好的文章、图片等都会不由自主的想分享。使用者可以一秒钟完成内容分享,可是开发者要跳过不少坑后,才能开发出这么便捷的分享功能。

e56c25addc11dd846799af84d23cb9ba.jpg
那么,开发者在开发微博、微信、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 ------
<feature name="QQPlus">
    <param name="urlScheme" value="tencent123456789"/>
    <param name="apiKey" value="123456789"/>
  </feature>
  <feature name="wx">
    <param name="urlScheme" value="wx1**********2e"/>
    <param name="apiKey" value="wx1**********2e"/>
    <param name="apiSecret" value="6a9*****************43c"/>
  </feature>
  <feature name="weibo">
    <param name="urlScheme" value="wb123456789"/>
    <param name="apiKey" value="123456789"/>
    <param name="registUrl" value="http://www.apicloud.com"/>
  </feature>
注意:这里有个坑,就是QQPlus区分安卓和iOS,不然在调用QQ空间分享的时候是能进入到QQ空间的界面的,但是一点提交,就会提示应用不存在。
------ 调用方法 ------
zShare.dialog('标题','文本','链接','图片')
------ 图片附件 ------

8ca26ceeb5ee6e2d73d1daa0820ffe26.png
6e08d5e8fb577234c7f669ce714d6bd4.png
da4d2f9d59a2935a5ec15cc4c3e3a86f.png
0c496b7a9342135d2a1af3d6551b668e.png
b1bd27014a6c5195ae46fec5913b835c.png
另外:如果你在使用mobShare,想从mobShare换成独立的模块分享,你可能会遇到一个问题,就是不删除mobShare又加入weibo模块在编译的时候会提示模块冲突,那就要删掉mobShare,要删除的话你得先把config.xml中的mobShare代码删除,然后提交,再到APICloud模块管理里面删除,如果不删除代码的话APICloud模块管理是不能删除的。
▌本文作者:APICloud 版主 chenpeng3190
如果帮到了你就顺手点个赞吧,给分享者一个鼓励!

7cdfa3461d2971115dce8c3f62c31578.jpg
2720ddbabb20e125de3ad1a7474d60cf.jpg                
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|Archiver|手机版|su.sseuu.com ( 粤ICP备12005776号

GMT+8, 2024-4-29 04:42 , Processed in 0.054884 second(s), 19 queries .

Powered by Discuz! X3.4 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表