微信自定义朋友, 朋友圈分享
第一步: 验证服务器可用性
1: 进入 开发-基本配置-根据要求修改服务器配置
2: 在上图中编辑的服务器url对应的本网站文件中编写验证代码, 用于验证消息的确来自微信服务器
$signature = $_GET["signature"];
$timestamp = $_GET["timestamp"];
$nonce = $_GET["nonce"];
$token = '与服务器配置中的token一致';
$tmpArr = array($token, $timestamp, $nonce);
sort($tmpArr, SORT_STRING);
$tmpStr = implode( $tmpArr );
$tmpStr = sha1( $tmpStr );
if( $tmpStr == $signature ){
echo $_GET['echostr'];
return true;
}else{
return false;
}
3, 编辑保存服务器配置, 保存前确认第二部的代码已经上传至网站并可访问, 当点击保存的同时, 微信向第1步中编写的url发送验证, 验证url有效性成功后即接入生效,成为开发者。
第二步: 获取access_token
进入“公众号设置”的“功能设置”里填写“ip白名单”, 设置白名单后才可以获取access_token
使用get方式访问 链接 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=服务号的appid&secret=服务号的secret 获取access_token
正确返回示例:
{“access_token”:“ACCESS_TOKEN”,“expires_in”:7200}
access_token的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的access_token失效。
如果遇到问题请访问微信开发文档链接
https://developers.weixin.qq.com/doc/offiaccount/Basic_Information/Get_access_token.html 查看错误码对应具体的错误
**使用JSSDK **
1, 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
2, 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js
3:在需要调用JS接口的页面 通过config接口注入权限验证配置
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表
});
//检测接口是否可用, 调试时可使用此方法, 上线后可注释
wx.checkJsApi({
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'], // 需要检测的JS接口列表,所有JS接口列表见附录2,
success: function(res) {
//alert(res);
//alert('检测成功');
// 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
},
error: function(res){
//alert(res);
//alert('检测失败');
}
});
nonceStr说明:
生
成签名时的随机字符串
signature说明:
(1)首先获取jsapi_ticket,有效期7200秒,使用之前获取的access_token GET方式获取jsapi_ticket
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=之前获取的access_token&type=jsapi
(2), 获得jsapi_ticket之后,就可以生成JS-SDK权限验证的签名了。
function string_rand()
{
$codeSet = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
for ($i = 0; $i<16; $i++) {
$codes[$i] = $codeSet[mt_rand(0, strlen($codeSet)-1)];
}
$nonceStr = implode($codes);
return $nonceStr;
}
$tmpArr = array(
'noncestr' => '随机生成一个字符串',//生成示例见 function string_rand
'timestamp' => '当前时间戳',//time()
'jsapi_ticket' => '以上获取的jsapi_ticket',
'url' => '使用分享页面的url',//动态获取 $_SERVER['HTTP_REFERER'];
);
ksort($tmpArr, SORT_STRING);
$string1 = http_build_query( $tmpArr );
$string1 = urldecode( $string1 );
$signature = sha1( $string1 );
//注意wx.config的时间戳需与生成签名的时间戳一致
4, 在需要调用JS接口的页面编辑分享接口
//自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateAppMessageShareData({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 设置成功
}
})
});
//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
wx.updateTimelineShareData({
title: '', // 分享标题
link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
success: function () {
// 设置成功
}
})
});