在H5頁面，可以使用百度的社會化分享插件，實現分享。
下面是html代碼，直接複製到項目中就可以運行在移動端。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分享金服管家</title>
<script>var share = require(‘$UI / system / api / native / share’);
share.onMenuShareTimeline({
title: '我的分享',
link: 'http://movie.douban.com/subject/25785114/',
imgUrl: 'http://demo.open.weixin.qq.com/jssdk/images/p2166127561.jpg',
trigger: function(res) {
alert('用戶點擊分享到朋友圈');
},
success: function(res) {
alert('已分享');
},
cancel: function(res) {
alert('已取消');
},
fail: function(res) {
alert(JSON.stringify(res));
}
});
分享給好友接</script>
</head>
<body>
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到騰訊微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人網"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "1",
"bdSize": "32"
},
"share": {},
"image": {
"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
"viewText": "分享到：",
"viewSize": "16"
},
"selectShare": {
"bdContainerClass": null,
"bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]
}
};
with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script></body>
</html>
以上就是分享到微信朋友圈、新浪微博、騰訊微博等社交平臺的JavaScript代碼。