一、准备阶段
公众号一个，微网站一个。
二、绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“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×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>
五、大功告成
基本上的流程就是这样了，比较麻烦的一点就是生成签名那一块，注意一点就行了
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索权限
， 接口
， 链接
配置
微信公众号自定义分享、微信公众号自定义菜单、微信自定义分享按钮、微信自定义分享内容、微信自定义分享，以便于您获取更多的相关知识。
时间： 2024-10-09 03:05:30