微信自定义分享到朋友圈标题,图片,链接

微信自定义朋友, 朋友圈分享

第一步: 验证服务器可用性

1: 进入 开发-基本配置-根据要求修改服务器配置

2: 在上图中编辑的服务器url对应的本网站文件中编写验证代码, 用于验证消息的确来自微信服务器

    $signature = $_GET["signature"];
    $timestamp = $_GET["timestamp"];
    $nonce = $_GET["nonce"];
	
    $token = '与服务器配置中的token一致';
    $tmpArr = array($token, $timestamp, $nonce);
    sort($tmpArr, SORT_STRING);
    $tmpStr = implode( $tmpArr );
    $tmpStr = sha1( $tmpStr );
    
    if( $tmpStr == $signature ){
        echo $_GET['echostr'];
        return true;
    }else{
        return false;
    }

3, 编辑保存服务器配置, 保存前确认第二部的代码已经上传至网站并可访问, 当点击保存的同时, 微信向第1步中编写的url发送验证, 验证url有效性成功后即接入生效，成为开发者。

第二步: 获取access_token
进入“公众号设置”的“功能设置”里填写“ip白名单”, 设置白名单后才可以获取access_token
使用get方式访问 链接 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=服务号的appid&secret=服务号的secret 获取access_token
正确返回示例:
{“access_token”:“ACCESS_TOKEN”,“expires_in”:7200}
access_token的有效期目前为2个小时，需定时刷新，重复获取将导致上次获取的access_token失效。

如果遇到问题请访问微信开发文档链接
https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html 查看错误码对应具体的错误

**使用JSSDK **
1, 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
2, 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js
3：在需要调用JS接口的页面 通过config接口注入权限验证配置

wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，公众号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填，需要使用的JS接口列表
});

//检测接口是否可用, 调试时可使用此方法, 上线后可注释
wx.checkJsApi({
  jsApiList: ['updateAppMessageShareData','updateTimelineShareData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
  success: function(res) {
    //alert(res);
    //alert('检测成功');
  // 以键值对的形式返回，可用的api值true，不可用为false
  // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
  },
  error: function(res){
    //alert(res);
    //alert('检测失败');
  }
});
nonceStr说明:
生
成签名时的随机字符串
signature说明:
(1)首先获取jsapi_ticket,有效期7200秒,使用之前获取的access_token GET方式获取jsapi_ticket
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=之前获取的access_token&type=jsapi
(2), 获得jsapi_ticket之后，就可以生成JS-SDK权限验证的签名了。

 function string_rand()
 {
     $codeSet = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
     for ($i = 0; $i<16; $i++) {
         $codes[$i] = $codeSet[mt_rand(0, strlen($codeSet)-1)];
     }
     $nonceStr = implode($codes);
     return $nonceStr;
 }
 
$tmpArr = array(
 'noncestr' => '随机生成一个字符串',//生成示例见 function string_rand
 'timestamp' => '当前时间戳',//time()
 'jsapi_ticket' => '以上获取的jsapi_ticket',
 'url' => '使用分享页面的url',//动态获取 $_SERVER['HTTP_REFERER'];
 );
 ksort($tmpArr, SORT_STRING);
 $string1 = http_build_query( $tmpArr );
 $string1 = urldecode( $string1 );
 $signature = sha1( $string1 );
//注意wx.config的时间戳需与生成签名的时间戳一致

4, 在需要调用JS接口的页面编辑分享接口

  //自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
  wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
    wx.updateAppMessageShareData({ 
      title: '', // 分享标题
      desc: '', // 分享描述
      link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: '', // 分享图标
      success: function () {
        // 设置成功
      }
    })
  });

  //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
  wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
    wx.updateTimelineShareData({ 
      title: '', // 分享标题
      link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
      imgUrl: '', // 分享图标
      success: function () {
        // 设置成功
      }
    })
  });