WeChat에서 Html5 페이지 공유를 구현하는 방법

WeChat 공유는 언뜻 복잡해 보이지만 실제로는 매우 간단합니다. WeChat에서 출시된 WeChat jssdk를 호출하고 일부 구성을 추가하면 WeChat에서 h5 페이지 공유를 실현할 수 있습니다. 공식 문서 주소는 https://mp.weixin.qq.com/wiki?t=resource/res_main&id입니다. =mp1421141115

기존 공식 계정의 appid를 찾아 이 appid와 URL을 기반으로 백엔드에 요청하고 구성에 필요한 매개변수인 타임스탬프, noncestr 및 서명을 가져옵니다.

스크립트 태그를 통해 WeChat 공식 웹사이트의 JS-SDK 파일을 소개합니다.

 <script src=https://res.wx.qq.com/open/js/jweixin-1.2.0.js type=text/javascript></script>

2. 기본 구성

 wx.config({ debug: false, // 디버그 모드 활성화 여부 appId: appid, //appid timestamp: timestamp, // timestamp nonceStr: noncestr, // 임의 문자열 서명: 서명, // 서명 jsApiList: [ ' onMenuShareTimeline ', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 사용할 JS 인터페이스 목록})

3. 사용

 wx.ready(function(){ // 친구에게 공유 wx.onMenuShareAppMessage({ title: title, // 제목 공유 desc: desc, // 설명 공유 link: link, // 링크 공유 imgUrl: imgUrl, // 아이콘 공유 성공: function () { doShareDone() }, 취소: function () { doShareCancel() } }) // 순간에 공유 wx.onMenuShareTimeline({ title: title, // 제목 공유 link: link, // 링크 공유 imgUrl: imgUrl, // 아이콘 공유 성공: function () { doShareDone() }, 취소: function () { doShareCancel () } })}) 

 // 공유 성공 콜백 함수 doShareDone () { console.log('공유 성공')} 

 //공유 취소 콜백 함수 doShareCancel () { console.log('공유 취소됨')}

wx.config의 디버그 필드를 true로 설정하면 디버깅을 수행할 수 있습니다.

디버깅을 위해서는 위챗 개발자 도구를 이용하여 공식 계정 웹페이지 프로젝트를 선택하고 페이지 주소를 입력해야 합니다.

WeChat JS-SDK 문서의 부록 5에는 대부분의 문제에 대한 솔루션이 포함되어 있습니다. 여기에는 위의 솔루션을 제공하지 않은 몇 가지 문제가 나열되어 있습니다.

1. 잡히지 않은 TypeError: 정의되지 않은 'config' 속성을 읽을 수 없습니다.

해결 방법: html 페이지에서 SDK를 별도로 도입했는데, 통합된 구성 요소도 SDK를 다시 도입하여 그 중 하나를 삭제하는 문제가 발생했습니다.

2. 포착되지 않음(약속 중) TypeError: 정의되지 않은 'ready' 속성을 읽을 수 없습니다.

해결책: 문제 1과 동일합니다.

3. 유효하지 않은 서명

해결 방법: 문서의 방법 중 어느 것도 이 문제를 해결하지 못하는 경우 먼저 가장 기본적인 구성을 설정하여 구성을 확인한 다음 필요한 다양한 매개변수로 공유 복사본을 설정합니다. 문제. 구성 후 성공적으로 공유되었습니다. 말하기가 다소 혼란스러울 수 있지만 페이지에 구성이 성공적으로 완료되면 이 공유 구성의 서명이 유효하지 않은 경우에도 다른 공유를 계속 구성할 수 있다는 점을 간단히 이해하면 됩니다.

위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.