Rumah > Artikel > hujung hadapan web > Cara melaksanakan WeChat menghantar rakan untuk berkongsi ke Moments dan Weibo berdasarkan kemahiran js_javascript
Pelayar WeChat mempunyai objek peribadi JavaScript terbina dalam WeixinJSBridge, yang boleh merealisasikan fungsi seperti menghantar kepada rakan, berkongsi ke Moments dan berkongsi ke Weibo.
<script> var imgUrl = "图片地址"; var lineLink = "当前网址"; var descContent = "描述"; var shareTitle = '标题'; var appid = ''; 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); </script>
Tambah Kongsi pada Momen, Ikuti WeChat dan butang lain pada halaman web bahagian hadapan platform awam WeChat
Platform awam WeChat telah mula menyokong halaman web bahagian hadapan Anda mungkin melihat bahawa banyak halaman web mempunyai butang seperti Kongsi ke Detik dan Ikuti WeChat Apabila mengklik padanya akan muncul tetingkap untuk anda kongsi dan ikuti. Bagaimana ini dicapai? Hari ini saya akan menerangkan kepada anda cara menambah bahagian pada Moments, ikuti ID WeChat dan butang lain pada halaman web bahagian hadapan platform awam WeChat.
Pelayar terbenam WeChat
Dengan menyahpepijat halaman web WeChat sendiri dari jauh pada iPhone melalui Mac, kami dapati bahawa penyemak imbas terbenam WeChat mentakrifkan objek JavaScript peribadi: WeixinJSBridge Dengan mengendalikan kaedah yang berkaitan dengan objek ini, kami boleh berkongsinya dengan WeChat Moments dan menilai rakan WeChat . Status perhatian isyarat dan realisasi fungsi seperti mengikuti akaun WeChat yang ditetapkan.
Kongsi ke Detik
function weixinShareTimeline(title,desc,link,imgUrl){ WeixinJSBridge.invoke('shareTimeline',{ "img_url":imgUrl, //"img_width":"640", //"img_height":"640", "link":link, "desc": desc, "title":title }); }
Hantar kepada rakan
function weixinSendAppMessage(title,desc,link,imgUrl){ WeixinJSBridge.invoke('sendAppMessage',{ //"appid":appId, "img_url":imgUrl, //"img_width":"640", //"img_height":"640", "link":link, "desc":desc, "title":title }); }
Kongsi ke Tencent Weibo
function weixinShareWeibo(title,link){ WeixinJSBridge.invoke('shareWeibo',{ "content":title + link, "url":link }); }
Ikuti ID WeChat yang ditetapkan
function weixinAddContact(name){ WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) { WeixinJSBridge.log(e.err_msg); //e.err_msg:add_contact:added 已经添加 //e.err_msg:add_contact:cancel 取消添加 //e.err_msg:add_contact:ok 添加成功 if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){ //关注成功,或者已经关注过 } }) }