So implementieren Sie WeChat, um Freunde zum Teilen an Moments und Weibo zu senden, basierend auf js_javascript-Kenntnissen

Der WeChat-Browser verfügt über ein integriertes privates JavaScript-Objekt WeixinJSBridge, das Funktionen wie das Senden an Freunde, das Teilen auf Moments und das Teilen auf Weibo realisieren kann.

<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>

Zu Momenten teilen, WeChat folgen und anderen Schaltflächen auf der Front-End-Webseite der öffentlichen WeChat-Plattform hinzufügen

Die öffentliche WeChat-Plattform hat damit begonnen, Front-End-Webseiten zu unterstützen, z. B. „Mit Momenten teilen“ und „WeChat folgen“. Wenn Sie darauf klicken, wird ein Fenster zum Teilen und Verfolgen geöffnet. Wie wird dies erreicht? Heute erkläre ich Ihnen, wie Sie „Teilen“ zu Moments hinzufügen, der WeChat-ID folgen und andere Schaltflächen auf der Front-End-Webseite der öffentlichen WeChat-Plattform verwenden.

Eingebetteter WeChat-Browser

Durch das Remote-Debuggen der WeChat-eigenen Webseite auf dem iPhone über den Mac können wir feststellen, dass der eingebettete Browser von WeChat ein privates JavaScript-Objekt definiert: WeixinJSBridge. Durch Ausführen der relevanten Methoden dieses Objekts können wir es mit WeChat Moments teilen und einen WeChat-Freund beurteilen . Der Aufmerksamkeitsstatus des Signals und die Realisierung von Funktionen wie dem Verfolgen des angegebenen WeChat-Kontos.

Mit Momenten teilen

function weixinShareTimeline(title,desc,link,imgUrl){
 WeixinJSBridge.invoke('shareTimeline',{
 "img_url":imgUrl,
 //"img_width":"640",
 //"img_height":"640",
 "link":link,
 "desc": desc,
 "title":title
 }); 
}

An Freunde senden

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
 });
}

Auf Tencent Weibo teilen

function weixinShareWeibo(title,link){
 WeixinJSBridge.invoke('shareWeibo',{
 "content":title + link,
 "url":link
 });
}

Folgen Sie der angegebenen WeChat-ID

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'){
  //关注成功，或者已经关注过
 }
 })
}