> 웹 프론트엔드 > JS 튜토리얼 > js_javascript 기술을 기반으로 Moments 및 Weibo에 공유할 친구를 보내는 WeChat을 구현하는 방법

js_javascript 기술을 기반으로 Moments 및 Weibo에 공유할 친구를 보내는 WeChat을 구현하는 방법

WBOY
풀어 주다: 2016-05-16 15:28:45
원래의
1996명이 탐색했습니다.

WeChat 브라우저에는 친구에게 보내기, Moments에 공유하기, Weibo에 공유하기 등의 기능을 실현할 수 있는 JavaScript 개인 개체 WeixinJSBridge가 내장되어 있습니다.

<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>
로그인 후 복사

Moments에 공유 추가, WeChat 공개 플랫폼의 프런트 엔드 웹 페이지에서 WeChat 및 기타 버튼 팔로우

WeChat 공개 플랫폼은 프런트엔드 웹 페이지를 지원하기 시작했습니다. 많은 웹 페이지에 순간 공유 및 WeChat 팔로우와 같은 버튼이 있는 것을 볼 수 있습니다. 이를 클릭하면 공유하고 팔로우할 수 있는 창이 나타납니다. 이것이 어떻게 달성됩니까? 오늘은 Moments에 공유를 추가하는 방법, WeChat 공개 플랫폼의 프런트 엔드 웹 페이지에서 WeChat ID 및 기타 버튼을 팔로우하는 방법을 설명하겠습니다.

WeChat 내장 브라우저

Mac을 통해 iPhone에서 WeChat의 자체 웹페이지를 원격으로 디버깅하면 WeChat에 내장된 브라우저가 비공개 JavaScript 개체인 WeixinJSBridge를 정의하는 것을 확인할 수 있습니다. 이 개체의 관련 메소드를 작동하여 WeChat Moments와 공유하고 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
 });
}
로그인 후 복사

지정된 위챗 아이디 팔로우

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'){
  //关注成功,或者已经关注过
 }
 })
}
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿