js_javascript スキルに基づいて、WeChat を友達に送信して Moments や Weibo に共有する方法を実装する方法-jsチュートリアル-php.cn

js_javascript スキルに基づいて、WeChat を友達に送信して Moments や Weibo に共有する方法を実装する方法

WBOY

リリース： 2016-05-16 15:28:45

オリジナル

2007 人が閲覧しました

WeChat ブラウザには JavaScript プライベートオブジェクト WeixinJSBridge が組み込まれており、友人への送信、モーメントへの共有、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>

ログイン後にコピー

WeChat パブリックプラットフォームのフロントエンド Web ページに、モーメントへの共有、WeChat のフォロー、その他のボタンを追加します

WeChat パブリックプラットフォームは、フロントエンド Web ページのサポートを開始しました。多くの Web ページに [モーメントで共有] や [WeChat をフォロー] などのボタンがあり、それらをクリックすると、共有してフォローするためのウィンドウが表示されます。これはどのようにして達成されるのでしょうか?今日は、モーメントに共有を追加する方法、WeChat ID をフォローする方法、および WeChat パブリックプラットフォームのフロントエンド Web ページにあるその他のボタンを説明します。

WeChat 埋め込みブラウザ

Mac を介して iPhone 上の WeChat 自身の Web ページをリモートでデバッグすると、WeChat の組み込みブラウザがプライベート JavaScript オブジェクト WeixinJSBridge を定義していることがわかります。このオブジェクトの関連メソッドを操作することで、それを WeChat モーメントと共有し、WeChat の友人を判断できます。 . シグナルの注目状況や指定されたWeChatアカウントのフォローなどの機能の実現。

モーメントで共有

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

ログイン後にコピー

友達に送信

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

ログイン後にコピー

Tencent Weibo に共有

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

ログイン後にコピー

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

ログイン後にコピー