집 >위챗 애플릿 >위챗 개발 >WeChat 공개 계정의 'JS 인터페이스 도메인 이름'은 공유 기능을 구현합니다.

WeChat 공개 계정의 'JS 인터페이스 도메인 이름'은 공유 기능을 구현합니다.

php是最好的语言원래의: 2018-08-08 09:28:306549검색

1. 준비

APPID 공개 계정 ID, 애플리케이션 친구 공유 인터페이스, IP 화이트리스트, JS 인터페이스 보안 도메인 이름 설정(필수 제출). 먼저 WeChat 공개 플랫폼에 로그인하고 "공식 계정 설정"의 기능 설정을 입력하여 "JS 인터페이스 도메인 이름"을 입력해야 합니다

2. js를 소개합니다

참고: AMD/CMD 표준 로딩 사용을 지원합니다. method

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

3. 구성 인터페이스를 통해 권한 주입 구성 확인

JS-SDK를 사용해야 하는 모든 페이지는 먼저 구성 정보를 주입해야 합니다. 그렇지 않으면 호출되지 않습니다. (동일한 URL은 한 번만 호출하면 되며, URL이 변경될 때마다 URL을 변경하는 SPA 웹 앱이 호출될 수 있습니다. 현재 Android WeChat 클라이언트는 pushShat의 새로운 H5 기능을 지원하지 않으므로 pushState를 사용하여 웹 앱 페이지를 구현하면 서명이 실패하게 됩니다. Android 6.2에서 수정됨)

wx.config({
  debug: true,         //开启调试模式，调用所有的api的返回值会在客户端alert出来，若要查看传入的参数，可以在PC端打印出来
  appId: &#39;&#39;,           //必填，公账号的唯一标识
  timestamp: &#39;&#39;,       //必填，生成签名的时间戳
  nonceStr: &#39;&#39;,        //必填，生成签名的随机串
  signature: &#39;&#39;,       //必填，签名
  jsApiList: [         //必填，需要使用js列表，否则无法分享成功
    &#39;onMenuShareTimeline&#39;,     //朋友圈
    &#39;onMenuShareAppMessage&#39;,   //朋友
    &#39;onMenuShareQQ&#39;,           //QQ
    &#39;onMenuShareWeibo&#39;,       //QQ空间
  ]
})

4. 준비된 인터페이스를 통해 성공적인 검증을 처리합니다

wx.ready(function(){
   //config信息验证后会执行ready方法，所有接口调用必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中
});

5. 오류 인터페이스

wx.error({
  //config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
});

js 코드

var data = {
  title: &#39;&#39;,
  summary: &#39;&#39;,
  pic: &#39;&#39;,
  url: &#39;&#39;,
  success: function(){
    getWeixin() ;//用户确认分享后执行的回调函数
  },
  cancel: function(){
    //用户取消分享后执行的回调函数
  }
}

wx.config({
  swapTitleInWX: true,
  appId: "<?php echo $weixin_package[&#39;appid&#39;];?>",
  timestamp: "<?php echo $weixin_package[&#39;timestamp&#39;];?>",
  nonceStr: "<?php echo $weixin_package[&#39;noncestr&#39;];?>",
  signature: "<?php echo $weixin_package[&#39;signature&#39;];?>",
  jsApiList: [
    &#39;onMenuShareTimeline&#39;,
    &#39;onMenuShareAppMessage&#39;,
    &#39;onMenuShareQQ&#39;,
    &#39;onMenuShareWeibo&#39;,
   ]
})

wx.ready(function () {
  wx.onMenuShareTimeline(data);
  wx.onMenuShareAppMessage(data);
  wx.onMenuShareQQ(data)
  wx.onMenuShareWeibo(data)
})

를 통해 실패한 검증을 처리합니다. 참고:

제목을 준수하는 것이 좋습니다. 14자
사진 크기: 300*300픽셀, 사진 형식: 크기는 10kB를 초과하지 않습니다. GIF 형식을 지원하지 않으며 현재 페이지 본문에서 첫 번째로 적합한 사진을 찍습니다.
제목에 대한 간략한 해석 , 20자 이내를 권장합니다
link:'', //링크 공유, 링크 도메인 이름 변경 또는 경로는 현재 페이지에 해당하는 공개 계정의 JS 보안 도메인 이름과 일치해야 합니다

2. QQ 공유

QQ는 헤드의 태그를 통해 공유 아이콘과 제목을 식별하며, 여기에는 h5 마이크로데이터의 속성인 itemprop,

<meta itemprop="name" content="标题"/>
<meta itemprop="description" name="description" content="描述"/>
<meta itemprop="image" content="缩列图地址"/>