一、准备阶段
公众号一个，微网站一个。
二、绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在“开发者中心”查看对应的接口权限。
三、代码
<pre class=\"brush:php;toolbar:false\"><?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×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。 出于安全考虑，开发者必须在服务器端实现签名的逻辑。 */ ?></pre>
四、视图显示
在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.0.0.js
通过config接口注入权限验证配置
<pre class=\"brush:js;toolbar:false\"><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></pre>
五、大功告成
基本上的流程就是这样了，比较麻烦的一点就是生成签名那一块，注意一点就行了
您可能感兴趣的文章：
如何在微信端html5页面调用分享接口
微信端h5页面如何调用分享页面的接口
微信端html5页面如何调用分享接口
Html5页面二次分享的实现
微信公众平台PHP开发版本例子
怎么实现微信第三方代公众号发起网页授权
微信公众号了如何解封？
H5微信支付之引入微信的js-sdk包失败的解决方法
go 实现微信公众号接口
微信公众平台开发入门教程
