function 瀏覽器 title 朋友 圖片

最近在做微信公眾號，在設計一些html5頁面時，通過微信內置瀏覽器訪問頁面分享後，希望可以自定義小圖標（imgUrl）和分享鏈接（lineLink），下面下微信內置瀏覽器分享功能的JS代碼，希望對大家有所幫助。

var imgUrl = "https://www.huceo.com/logo.jpg"; //註意必須是絕對路徑

var lineLink = "https://www.huceo.com/wdt.html"; //同樣，必須是絕對路徑
var descContent = ‘最輕便的微電臺精選，天天更新，你聽或是不聽，我都這裏等著你。‘; //分享給朋友或朋友圈時的文字簡介
var shareTitle = ‘微信電臺精選‘; //分享title
var appid = ‘‘; //apiID，可留空

function shareFriend() {

WeixinJSBridge.invoke(‘sendAppMessage‘,{
"appid": appid,
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
//_report(‘send_msg‘, res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke(‘shareTimeline‘,{
"img_url": imgUrl,
"img_width": "200",
"img_height": "200",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
//_report(‘timeline‘, res.err_msg);
});
}
function shareWeibo() {
WeixinJSBridge.invoke(‘shareWeibo‘,{
"content": descContent,
"url": lineLink,
}, function(res) {
//_report(‘weibo‘, res.err_msg);
});
}
// 當微信內置瀏覽器完成內部初始化後會觸發WeixinJSBridgeReady事件。
document.addEventListener(‘WeixinJSBridgeReady‘, function onBridgeReady() {
// 發送給好友
WeixinJSBridge.on(‘menu:share:appmessage‘, function(argv){
shareFriend();
});
// 分享到朋友圈
WeixinJSBridge.on(‘menu:share:timeline‘, function(argv){
shareTimeline();
});
// 分享到微博
WeixinJSBridge.on(‘menu:share:weibo‘, function(argv){
shareWeibo();
});
}, false);

本文出自 “愛創課堂” 博客，轉載請與作者聯系！

h5頁面 微信分享 文字鏈接加圖片