微信公众号自定义分享内容实现
三月 06, 2019 | views
Comments 0
微信公众号号在手机中通过api接口可以实现自定义分享内容了,下面我们来看这个接口的实现步骤.
一、准备阶段
公众号一个,微网站一个.
二、绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”.
备注:登录后可在“开发者中心”查看对应的接口权限。
三、代码
- <?php
- //curl获取请求文本内容
- function get_curl_contents($url, $method ='GET', $data = array()) {
- if ($method == 'POST') {
- //使用crul模拟
- $ch = curl_init();
- //禁用htt<a href="/fw/photo.html" target="_blank">ps</a>
- <a href="/tags.php/curl_setopt/" target="_blank">curl_setopt</a>($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_<a href="/tags.php/fopen/" target="_blank">fopen</a>_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×tamp=%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>
五、大功告成
基本上的流程就是这样了,比较麻烦的一点就是生成签名那一块,注意一点就行了.
zend