微信公众号JSAPI分享功能踩坑记录

一，绑定域名

分享功能必须是通过企业认证的公众号才有这个权限。可以登陆公众号后在 “开发-》接口权限” 里查看是否已获取该权限。然后再进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

二，后台获取分享所需的签名等参数

<?php
	/**
	* 假设要分享的页面是商品详情页 即goods/detail
	*/
	public function detail(){
		/**如果是点击了分享的链接进来的，微信会自动在链接后加上from参数
		要判断有没有这个from参数，如果有那要分享的url里也要加上，一起在后面签名，
		因为微信会判断当前页面的url是否跟签名中的url是否一致，不一致会报签名错误。也就是说
		不能在a页面分享b页面，只能分享当前页面。
		*/
		 $from = input('from');
		 $goodsId = input('gid/d',0,'abs');
		  if($from){
            //要分享的url必须是完整的地址
            $shareUrl = config('yuming')."index/goods/detail/gid/$goodsId.html?from=$from";
        }else{
            $shareUrl = config('yuming')."index/goods/detail/gid/$goodsId.html";
        }

		//获取分享所需的签名等数据	
		$this->assign('shareData',$this->getShareSign($shareUrl));	
		return $this->view->fetch();
	}
	
	 /**获取分享所需的签名等数据
     * @param $goodsId
     * @return bool|string
     */
    public function getShareSign($url){
        $jsapiTicket = $this->getJsapiTicket();
        if($jsapiTicket){
            $params['jsapi_ticket'] = $jsapiTicket;
            $params['timestamp'] = time();
            $params['noncestr'] = md5(uniqid(microtime(true),true));//随机字符串
            $params['url'] = $url;
			//签名
            ksort($params);        //将参数数组按照参数名ASCII码从小到大排序 键名首字母顺序如 a->b->c    appid  body order_sn
            foreach ($params as $k => $v) {
                if (!empty($v)) {         //剔除参数值为空的参数
                    $newArr[] = $k.'='.$v;     // 整合新的参数数组
                }
            }
            $stringA = implode("&", $newArr);         //使用 & 符号连接参数

            $sign = sha1($stringA);
            return [
                'timestamp' => $params['timestamp'],
                'noncestr' => $params['noncestr'],
                'signature' => $sign,
                'url' => $url
            ];
        }
        return false;
    }
     /**
	 * 获取jsapi_ticket
	*/	 
	public function getJsapiTicket(){

        if (cache('wx_jsapi_ticket')){
            $jsapiTicket = cache('wx_jsapi_ticket');
            return $jsapiTicket;
        }else{
            $at = $this->getAccessToken();
            $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=$at&type=jsapi";
            $result = file_get_contents($url);
            $result = json_decode($result,true);
            if($result['errcode'] == 0){
                cache('wx_jsapi_ticket',$result['ticket'],$result['expires_in']);
                return $result['ticket'];
            }
            return false;
        }
    }
	
/**获取access_token
     * @return bool|mixed
	 $this->appid：微信公众号appid
	 $this->appSecret：微信公众号secret
     */
    public function getAccessToken(){
        $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$this->appid."&secret=".$this->appSecret;
        if (cache('wx_access_token')){
            $accessToken = cache('wx_access_token');
        }else{
            $result = json_decode(file_get_contents($url),true);

            if ($result['access_token']){
                cache('wx_access_token',$result['access_token'],$result['expires_in']);
                $accessToken = $result['access_token'];
            }else{
                return false;
            }
        }
        return $accessToken;
    }	
?>

三，前台数据   

<!-- 引入微信的js 也可以直接引入 http://res.wx.qq.com/open/js/jweixin-1.4.0.js-->
<script type="text/javascript" src="/assets/front/js/jweixin-1.4.0.js"></script>
<script language="javascript" type="text/javascript">
 var shareData = {:json_encode($shareData,true)}; //后台传过来的数据

 wx.config({
  debug: false,//这里是开启测试，如果设置为true，打开页面时会提示是否设置成功
  appId: "{$appid}",//微信公众号appid
  timestamp: shareData['timestamp'],//后台传过来的时间戳
  nonceStr: shareData['noncestr'],//后台传过来的随机字符串
  signature: shareData['signature'],//后台传过来的签名字符串
  jsApiList: [
   // 检查是否支持接口，分享到朋友和qq， 分享到朋友圈
   'updateAppMessageShareData',
   'updateTimelineShareData'
  ]
 });

 var title="{$goods.title}";
 var link= shareData['url'];
 var imgUrl="{$goods.images}";
 var desc= "{$goods.intro}";
 wx.ready(function () {

  //自定义“分享给朋友”及“分享到QQ”按钮的分享内容
  wx.updateAppMessageShareData({
   title: title, // 分享标题
   desc: desc, // 分享描述
   link: link, // 分享链接，
   imgUrl: imgUrl, // 分享图标
   success: function () {

   },
   cancel: function () {

   },
   fail: function (res) {

   }
  })
//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
  wx.updateTimelineShareData({
   title: title, // 分享标题
   link: link, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   imgUrl: imgUrl, // 分享图标
   success: function () {

   },
   cancel: function () {

   },
   fail: function (res) {
   }
  })
 });

</script>

 注意：自定义分享内容仅在当链接被从公众号对话记录里打开，或者扫码打开时生效，直接打开链接不生效