微信公众号开发之H5分享SDK接入

之前一直碰到微信里消息里的文章或链接分享到朋友圈或微信好友后，链接的图标和标题都不是想要的(自定义)；后来研究了一下微信公众号相关的SDK接入demo；微信在6.5之前的版本好像是微信自己抓取链接或文章的标题/图片(貌似是300*300)，但是在6.5版本之后微信变得恶心了需要接入他的分享接口(SDK)，效果如下：

 接入微信分享SDK，可以将这四个参数自定义显示：标题，链接，描述，图标，都可以达到自定义的效果。

实现如下：

1.进入微信公众号取到你的yourAppID，yourAppSecret

2.下载微信分享SDK(见博客下方)；

3.项目中引入SDK(我的项目是thinkphp框架)；

  3.1因为很多H5需要进行分享，所以通过yourAppID，yourAppSecret获取微信配置信息放入基础控制器类方便供任何被继承的类使用：

        //微信分享--获取机密配置信息  ======PHP代码部分=======

protected function getWxShareConfig(){

          $signPackage = array();

          require THINK_PATH.'Extend/Wxsharesdk/jssdk.php'; //我的SDK放在ThinkPHP/Extend目录下

          $jssdk = new JSSDK($this->_wxshare_Appid, $this->_wxshare_AppSecret);

                //填写开发者中心你的开发者ID

          $signPackage = $jssdk->GetSignPackage();

           return $signPackage;

 

       }

        //需要分享的控制器类赋值

        public function __construct() {

          parent::__construct();

          $wxShareConfig = $this->getWxShareConfig();

          $this->assign("signPackage",$wxShareConfig);

        }

 

3.2 //微信分享=======javascript代码部分=======

    在需要调用JS接口的页面引入如下JS文件，（支持https）http://res.wx.qq.com/open/js/jweixin-1.2.0.js   建议将次js代码另存到自己项目的js

<script type="text/javascript" src="/Public/js/jweixin-1.2.0.js"></script>

<script>

    wx.config({

      debug:  false,  //调式模式，设置为ture后会直接在网页上弹出调试信息，用于排查问题