WeChat 사용자 정의 공유 PHP 코드 분석_php 예

저는 얼마 전 WeChat에서 맞춤 공유를 했고 모든 사람과 공유할 수 있는 경험을 쌓았습니다.

1단계와 2단계는 WeChat 개발자 문서에 이미 매우 자세히 설명되어 있습니다. 3단계부터 바로 시작해 보겠습니다.

3단계appId를 제외한 WeChat 매개변수를 매개변수화하려면, 여기서는 PHP 언어를 사용하여 백엔드에서 매개변수를 생성합니다.
PHP 코드:

public function getwxinfo(){ 
 $dataurl = I('dataurl'); 
 include('./ThinkPHP/Library/Vendor/jssdk/jssdk.php'); 
 $jssdk = new \JSSDK('appId','appSecret'); 
 $signPackage = $jssdk->GetSignPackage($dataurl); 
 exit(response('1','ok',$signPackage)); 
} 

서명 생성 시 현재 페이지의 URL을 얻어야 하므로 다음 JS를 통해 $dataurl을 동적으로 얻어온다는 점 기억해주세요.
JS 사이드 코드:

var dataurl = window.location.href; 
$.ajax({ 
 type:'post', 
 data:{'dataurl':dataurl}, 
 url:'/index.php/Home/Index/getwxinfo', 
 dataType:'json', 
 success:function(json){ 
  var list = json.data; 
  var appId = list.appId; 
  var timestamp = list.timestamp; 
  var nonceStr = list.nonceStr; 
  var signature = list.signature; 
  weixinInfo(appId,timestamp,nonceStr,signature); 
 }, 
 error:function() { 
  //alert('网络不给力哦...') 
 } 
}); 
function weixinInfo(appId,timestamp,nonceStr,signature){ 
 wx.config({ 
  debug: false, 
  appId: appId, 
  timestamp:timestamp , 
  nonceStr:nonceStr, 
  signature:signature, 
  jsApiList: [ 
   'checkJsApi', //判断当前客户端版本是否支持指定JS接口 
   'onMenuShareTimeline', //分享到朋友圈 
   'onMenuShareAppMessage', //分享给好友 
   'onMenuShareQQ', //分享到QQ 
   'onMenuShareWeibo' //分享到微博 
  ] 
 }); 
} 
 
wx.ready(function () { 
 //微信好友 
 var s_title = '分享标题'; 
 var s_desc = '分享描述'; 
 var s_link = '分享后的链接'; 
 var s_imgUrl = '图片链接'; 
 wx.onMenuShareAppMessage({ //例如分享到朋友圈的API 
  title: s_title, // 分享标题 
  desc: s_desc, // 分享描述 
  link: s_link, // 分享链接 
  imgUrl: s_imgUrl, // 分享图标 
  success: function () { }, 
  cancel: function () { } 
 }); 
 //朋友圈 
 wx.onMenuShareTimeline({ 
  title: s_title, // 分享标题 
  link: s_link, // 分享链接 
  imgUrl: s_imgUrl, // 分享图标 
  success: function () { }, 
  cancel: function () { } 
 }); 
 //QQ好友 
 wx.onMenuShareQQ({ 
  title: s_title, // 分享标题 
  desc: s_desc, // 分享描述 
  link: s_link, // 分享链接 
  imgUrl: s_imgUrl, // 分享图标 
  success: function () { }, 
  cancel: function () { } 
 }); 
}); 
wx.error(function (res) { <br />alert(res.errMsg); //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示 <br />}); 

참 간단해요.

위 글의 내용은 모두의 공부에 도움이 되길 바랍니다.