h5+ 开发分享功能

h5+ 开发微信、QQ分享功能

此处只做微信网页分享示例代码

 

方式一、JS+HTML+h5Plus

1.html代码

<div class="button" onclick="shareWeb()">分享网页</div>

2.JS代码

var shares=null;
var sweixin=null;
var buttons=[
{title:'我的好友',extra:{scene:'WXSceneSession'}},
{title:'朋友圈',extra:{scene:'WXSceneTimeline'}},
{title:'我的收藏',extra:{scene:'WXSceneFavorite'}}
];

// H5 plus事件处理
function plusReady(){
　　updateSerivces();
}
if(window.plus){
　　plusReady();
}else{
　　document.addEventListener('plusready', plusReady, false);
}

/**
*1. 更新分享服务

* 根据授权，通过getServices方法获取分享服务

*/

function updateSerivces(){
    plus.share.getServices(function(s){
        shares={};
        for(var i in s){
            var t=s[i];
            shares[t.id]=t;
        }
    sweixin=shares['weixin'];
    }, function(e){
        outSet('获取分享服务列表失败：'+e.message);
    });
}
/*
2.*/

// 分享网页
function shareWeb(){
　　var msg={
　　　　type:'web',
　　　　thumbs:['_www/logo.png'],
　　　　href:'分享网页的链接',
　　　　title:'分享网页的标题',
　　　　content:'分享网页的描述'
　　};

　　sweixin?plus.nativeUI.actionSheet({title:'分享网页到微信',cancel:'取消',buttons:buttons}, function(e){

　　　　(e.index>0)&&share(sweixin, msg, buttons[e.index-1]);
　　}):plus.nativeUI.alert('当前环境不支持微信分享操作!'); 
}
//

//3.分享

function share(srv, msg, button){
　　outSet('分享操作：');
　　if(!srv){
　　　　outLine('无效的分享服务！');
　　　　return;
　　}
　　button&&(msg.extra=button.extra);
　　// 发送分享
　　if(srv.authenticated){
　　　　
　　　　doShare(srv, msg);
　　}else{
　　　　srv.authorize(function(){
　　　　　　doShare(srv, msg);
　　　　}, function(e){
　　
});

//4. 发送分享

function doShare(srv, msg){
　　outLine(JSON.stringify(msg));
　　srv.send(msg, function(){
　　　　outLine('分享到"'+srv.description+'"成功！');
　　}, function(e){
　　　　outLine('分享到"'+srv.description+'"失败: '+JSON.stringify(e));
　　});
}

 

 

 

 

Tip:时间仓促，先写这么多吧。详细注解后期会补上