微信公众号链接自定义分享总结

微信H5自定义分享页面总结

微信公众号中默认的分页页面很难看，默认的缩略图。工作需要将他自定义为想要的形式。
具体详情查看微信开发者文档：微信开发者文档

第一步、公众号需要配置

1、需要一个公众号的 appId、appSecret 只要有公众号，那么这个就有。

2、在该公众号的js安全域名配置一个域名用来做分享出去的链接。（登录微信公众平台---->公众号设置---->功能设置---->js安全域名）。

3、需要开通微信分享接口（登录微信公众平台----> 接口权限 ---->分享接口）

---

第二步、后台准备

临时票据：jsapi_ticket
jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下，jsapi_ticket的有效期为7200秒。由于获取jsapi_ticket的api调用次数非常有限，频繁刷新jsapi_ticket会导致api调用受限，影响自身业务，开发者必须在自己的服务全局缓存jsapi_ticket 。

1.通过下面链接能够获取access_token（get请求）（有效期7200秒，开发者必须在自己的服务全局缓存access_token）：

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

2.拿上面得到的access_token后，通过下面的链接，采用http GET方式请求获得jsapi_ticket（有效期7200秒，开发者必须在自己的服务全局缓存jsapi_ticket）：

https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

成功返回如下JSON：

{
   
	"errcode":0,
	"errmsg":"ok",
	"ticket":"bxLdikRXVbTPdHSM05e5u5sUoXNKd8-41ZO3MhKoyN5OfkWITDGgnr2fwJ0m9E8NYzWKVZvdVtaUgWvsdshFKA",
	"expires_in":7200
}

3、获得jsapi_ticket之后，就可以生成JS-SDK权限验证的签名了。

签名算法
签名生成规则如下：参与签名的字段包括noncestr（随机字符串）, 有效的jsapi_ticket, timestamp（时间戳）, url（当前网页的URL，不包含#及其后面部分） 。对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串string1。这里需要注意的是所有参数名均为小写字符。对string1作sha1加密，字段名和字段值都采用原始值，不进行URL 转义。

即signature=sha1(string1)。 示例：

noncestr=Wm3WZYTPz0wzccnW
jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg
timestamp=1414587457
url=http://mp.weixin.qq.com?params=value

步骤1. 对所有待签名参数按照字段名的ASCII 码从小到大排序（字典序）后，使用URL键值对的格式（即key1=value1&key2=value2…）拼接成字符串

jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VMCPGGVi4C3VM0P37wVUCFvkVAy_90u5h9nbSlYy3-Sl-HhTdfl2fzFy1AOcHKP7qg&noncestr=Wm3WZYTPz0wzccnW&timestamp=1414587457&url=http://mp.weixin.qq.com?params=value

步骤2. 对string1进行sha1签名，得到signature：

0f9de62fce790f9a083d5c99e95740ceb90c27ed

注意事项：

1.签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同。

2.签名用的url必须是调用JS接口页面的完整URL。

3.出于安全考虑，开发者必须在服务器端实现签名的逻辑。

4.要注意签名算法是否正确-----确认签名算法正确，可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验

总结一下就是：

先获取：access_token
再获取：jsapi_ticket
拼接字符串后进行sha1加密得到：signature

代码大致如下（仅供参考）：

一、fileCache.php

<?php
class FileCache
{
   
    /**
     * 缓存目录
     * @var
     */
    private $cache_dir;
    /**
     * @param $cache_dir
     * @throws Exception
     */
    public function __construct($cache_dir)
    {
   
        $this->cache_dir = $cache_dir;
        if (!is_dir($cache_dir)) {
   
            $make_dir_result = mkdir($cache_dir, 0755, true);
            if ($make_dir_result === false) throw new Exception('Cannot create the cache directory');
        }
    }
    /**
     * 根据key获取值，会判断是否过期
     * @param $key
     * @return mixed
     */
    public function get($key)
    {
   
        $cache_data = $this->getItem($key);
        if ($cache_data === false || !is_array($cache_data)) return false;
        return $cache_data['data'];
    }
    /**
     * 添加或覆盖一个key
     * @param $key
     * @param $value
     * @param $expire
     * @return mixed
     */
    public function set($key, $value, $expire = 0)
    {
   
        return $this->setItem($key, $value, time(), $expire);
    }
    /**
     * 设置包含元数据的信息
     * @param $key
     * @param $value
     * @param $time
     * @param $expire
     * @return bool
     */
    private function setItem($key, $value, $time, $expire)
    {
   
        $cache_file = $this->createCacheFile($key);
        if ($cache_file === false) return false;
        $cache_data = array('data' => $value, 'time' => $time, 'expire' => $expire);
        $cache_data = json_encode($cache_data);

        $put_result = file_put_contents($cache_file, $cache_data);
        if ($put_result === false) return false;

        return true;
    }

    /**
     * 创建缓存文件
     * @param $key
     * @return bool|string
     */
    private function createCacheFile($key)
    {
   
        $cache_file = $this->path($key);
        if (!file_exists($cache_file)) {
   
            $directory = dirname($cache_file);
            if (!is_dir($directory)) {
   
                $make_dir_result =