微信公众号自定义分享内容实现

一、准备阶段

公众号一个,微网站一个。

 

二、绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注:登录后可在“开发者中心”查看对应的接口权限。

 

三、代码

<?php
//curl获取请求文本内容
function get_curl_contents($url, $method ='GET', $data = array()) {
    if ($method == 'POST') {
        //使用crul模拟
        $ch = curl_init();
        //禁用https
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
        //允许请求以文件流的形式返回
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
        curl_setopt($ch, CURLOPT_POST, 1);
        curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
        curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 30);
        curl_setopt($ch, CURLOPT_DNS_CACHE_TIMEOUT, 30);
        curl_setopt($ch, CURLOPT_URL, $url);
        $result = curl_exec($ch); //执行发送
        curl_close($ch);
    }else {
        if (ini_get('allow_fopen_url') == '1') {
            $result = file_get_contents($url);
        }else {
            //使用crul模拟
            $ch = curl_init();
            //允许请求以文件流的形式返回
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
            //禁用https
            curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
            curl_setopt($ch, CURLOPT_URL, $url);
            $result = curl_exec($ch); //执行发送
            curl_close($ch);
        }
    }
    return $result;
}
//获取微信公从号access_token
function wx_get_token() {
    $AppID = '1235464654';//AppID(应用ID)
    $AppSecret = '705641465sdfasdf456465a4sdf';//AppSecret(应用密钥)
    $url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='.$AppID.'&secret='.$AppSecret;
    $res = get_curl_contents($url);
    $res = json_decode($res, true);
    //这里应该把access_token缓存起来,至于要怎么缓存就看各位了,有效期是7200s
    return $res['access_token'];
}
//获取微信公从号ticket
function wx_get_jsapi_ticket() {
    $url = sprintf("https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=%s&type=jsapi", wx_get_token());
    $res = get_curl_contents($url);
    $res = json_decode($res, true);
    //这里应该把access_token缓存起来,至于要怎么缓存就看各位了,有效期是7200s
    return $res['ticket'];
}

$wx = array();
//生成签名的时间戳
$wx['timestamp'] = time();
//生成签名的随机串
$wx['noncestr'] = 'Wm3WZYTPz0wzccnW';
//jsapi_ticket是公众号用于调用微信JS接口的临时票据。正常情况下,jsapi_ticket的有效期为7200秒,通过access_token来获取。
$wx['jsapi_ticket'] = wx_get_jsapi_ticket();
//分享的地址,注意:这里是指当前网页的URL,不包含#及其后面部分,曾经的我就在这里被坑了,所以小伙伴们要小心了
$wx['url'] = 'http://www.baidu.com';
$string = sprintf("jsapi_ticket=%s&noncestr=%s&timestamp=%s&url=%s", $wx['jsapi_ticket'], $wx['noncestr'], $wx['timestamp'], $wx['url']);
//生成签名
$wx['signature'] = sha1($string);
/*
注意事项
签名用的noncestr和timestamp必须与wx.config中的nonceStr和timestamp相同。
签名用的url必须是调用JS接口页面的完整URL。
出于安全考虑,开发者必须在服务器端实现签名的逻辑。
*/
?>

四、视图显示

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js

通过config接口注入权限验证配置

<script>
//通过config接口注入权限验证配置
wx.config({
    debug : false,
    appId : 'AppID',
    timestamp : '<?php echo $wx["timestamp"];?>',
    nonceStr : '<?php echo $wx["noncestr"];?>',
    signature : '<?php echo $wx["signature"];?>',
    jsApiList : ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo']
});
wx.ready(function(){
    var
        s_title = '分享标题',   // 分享标题
        s_link = '分享链接',    // 分享链接
        s_desc = '分享描述',   //分享描述
        s_imgUrl = '分享图片'; // 分享图标
    //朋友圈
    wx.onMenuShareTimeline({
        title: s_title, // 分享标题
        link: s_link, // 分享链接
        imgUrl: s_imgUrl, // 分享图标
        success: function () { },
        cancel: function () { }
    });
    //发送给好友
    wx.onMenuShareAppMessage({
        title: s_title, // 分享标题
        desc: s_desc, // 分享描述
        link: s_link, // 分享链接
        imgUrl: s_imgUrl, // 分享图标
        type: '', // 分享类型,music、video或link,不填默认为link
        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
        success: function () {},
        cancel: function () {}
    });
    //QQ好友
    wx.onMenuShareQQ({
        title: s_title, // 分享标题
        desc: s_desc, // 分享描述
        link: s_link, // 分享链接
        imgUrl: s_imgUrl, // 分享图标
        success: function () { },
        cancel: function () { }
    });
    //腾讯微博
    wx.onMenuShareWeibo({
        title: s_title, // 分享标题
        desc: s_desc, // 分享描述
        link: s_link, // 分享链接
        imgUrl: s_imgUrl, // 分享图标
        success: function () { },
        cancel: function () { }
    });
});
</script>

五、大功告成

基本上的流程就是这样了,比较麻烦的一点就是生成签名那一块,注意一点就行了。

分享到:
标签:公众号,微信,微信开发,自定义分享,
^_^ 亲爱的客官,如果您觉得本文对您有好处,请移动你的鼠标点点下面的广告或上面的或右上角的,非常感谢~ ^_^

微信公众号自定义分享内容实现:目前有17 条留言

  1. 不错的微信公众号开发教程!

    2016-12-28 上午 9:40
  2. 文章很好~!赞 欢迎回访:www.tmcore.com

    2016-12-09 下午 5:03
  3. 公众号功能越来越强大了

    2016-11-14 下午 12:37
  4. 一堆代码,先收藏,有需要再来提取!

    2016-10-26 下午 4:59
  5. 文章写得不错,但是要真正写好这样的文章 实属不易啊!

    2016-10-17 下午 5:00
  6. 都是技术控 然而我还看不太懂 不过感觉很有用

    2016-10-17 上午 10:03
  7. 微信一键转发官方:http://www.qiangubuxiu.com/

    2016-09-17 上午 2:00
  8. 哎呦,不错哦!欢迎互访,诚交友链! 欢迎回访:http://www.viplinger.cn

    2016-09-09 上午 3:16
  9. 这个文章写的好,转走了!

    2016-08-23 下午 1:28
  10. 文章很好~!赞 http://www.xevip.cn

    2016-08-17 下午 1:36
  11. 这个文章写的好,转走了!

    2016-08-14 下午 3:44
  12. 4楼
    陈小予:

    过来看看

    2015-09-19 下午 9:22
  13. 地板
    婚嫁百科:

    基本上的流程,还不错。

    2015-09-16 下午 3:50
  14. 板凳
    陈玟予:

    网站做的好棒哦

    2015-09-16 上午 5:14
  15. 沙发
    婚嫁百科:

    (baike.wed114.cn)你们都是技术控。哈哈。

    2015-08-26 下午 2:17