Rumah  >  Artikel  >  hujung hadapan web  >  Cara melaksanakan WeChat menghantar rakan untuk berkongsi ke Moments dan Weibo berdasarkan kemahiran js_javascript

Cara melaksanakan WeChat menghantar rakan untuk berkongsi ke Moments dan Weibo berdasarkan kemahiran js_javascript

WBOY
WBOYasal
2016-05-16 15:28:451990semak imbas

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'){
  //关注成功,或者已经关注过
 }
 })
}
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn