分享按钮触发
document.getElementById(\'openShare\').addEventListener(\'tap\', function() {
console.log("wo idanji");
mui.openWindow({
id:\'share\',
url:\'../share/shareTest.html\',
extras:{//传参数。输入的内容
//userid:json_data.user.id,
//shareurl:\'www.t*****/share.do\',、后台的地址,需要被分享的人所访问到的网页内容(可包含软件的下载链接)
shareurl:url+\'/share.do\',
shareid:houseId,
sharetype:1,
sharetitle:title,
sharedes:miaoshu,
}
});
})
分享事件
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true"/> <meta name="MobileOptimized" content="320"/> <title>Hello H5+</title> <script src="../js/mui.min.js"></script> <script src="../js/jquery.min.js"></script> <script type="text/javascript" src="../js/common.js"></script> <script type="text/javascript"> var shareurl; var shareid; var sharetitle; var sharedes; var sharetype; 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(); shareurl = plus.webview.currentWebview().shareurl; console.log(shareurl); //localStorage.setItem("shareurl",shareurl); shareid = plus.webview.currentWebview().shareid; //localStorage.setItem("shareid",shareid); sharetype = plus.webview.currentWebview().sharetype; //localStorage.setItem("sharetype",sharetype); //sharetitle sharetitle = plus.webview.currentWebview().sharetitle; //localStorage.setItem("sharetitle",sharetitle); //sharedes sharedes = plus.webview.currentWebview().sharedes; //localStorage.setItem("sharedes",sharedes); } if(window.plus){ plusReady(); }else{ document.addEventListener(\'plusready\', plusReady, false); } /** * 更新分享服务 */ 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); }); } // 分享网页 function shareWeb(){ var msg={type:\'web\',thumbs:[\'../images/morentouxiang.png\']}; shareurl = shareurl+"?id="+shareid+"&sharetype="+sharetype; msg.href=shareurl; msg.title=sharetitle; msg.content=sharedes; sweixin?plus.nativeUI.actionSheet({title:\'Share a web page to WeChat\',cancel:\'Cancel\',buttons:buttons}, function(e){ (e.index>0)&&share(sweixin, msg, buttons[e.index-1]); }):plus.nativeUI.alert(\'WeChat sharing is not supported in the current environment!\'); } // 分享 function share(srv, msg, button){ outSet(\'分享操作:\'); if(!srv){ outLine(\'无效的分享服务!\'); return; } button&&(msg.extra=button.extra); // 发送分享 if(srv.authenticated){ outLine(\'---已授权---\'); doShare(srv, msg); }else{ outLine(\'---未授权---\'); srv.authorize(function(){ doShare(srv, msg); }, function(e){ outLine(\'认证授权失败:\'+JSON.stringify(e)); }); } } // 发送分享 function doShare(srv, msg){ outLine(JSON.stringify(msg)); srv.send(msg, function(){ outLine(\'分享到"\'+srv.description+\'"成功!\'); mui.toast("share success!"); }, function(e){ outLine(\'分享到"\'+srv.description+\'"失败: \'+JSON.stringify(e)); }); } // 解除授权 function cancelAuth(){ outSet(\'解除授权:\'); if(sweixin){ if(sweixin.authenticated){ outLine(\'取消"\'+sweixin.description+\'"\'); } sweixin.forbid(); }else{ outLine(\'当前环境不支持微信分享操作!\'); } } </script> <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/> <style type="text/css"> #sharecontent{ width:80%; -webkit-user-select:text; border: 1px solid #6C6C6C; -webkit-border-radius: 2px; border-radius: 2px; } #pic{ width:100px; height:100px; /*border: 1px dashed #CCCCCC;*/ } .sharehref{ width:80%; -webkit-user-select:text; border: 1px solid #6C6C6C; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: .5em; } </style> </head> <body> <header id="header"> <div class="nvbt iback" onclick="back()"></div> <div class="nvtt">Share</div> <div class="nvbt idoc" onclick="openDoc(\'Share Document\',\'/doc/share.html\')" style="display: none;"></div> </header> <div id="dcontent" class="dcontent"> <br/> <div class="button" onclick="shareWeb()">WeChat Share</div> <br/> </div> <div id="output" style="display: none;"> </div> </body> <script type="text/javascript" src="../js/immersed.js" ></script> </html>
注意:需要申请微信开发者,申请appid,才能授权访问微信接口