一、准备工作
1、 申请公众号:订阅号/服务号;(如果是订阅号是拿不到用户的openid的,也就无法通过openid做限制、做记录等)
2、 与微信做对接的接口所在的服务器域名,必须备过案;
3、 拿到微信公众号的appid,appSercet,
例如:
appid: wx83a553ef58d70f11
appSercet :87ae596d3aab2f0bf090233adc9fd43b
二、后端开发工作
1、获取微信access_token
//获取微信access_token
private function getAccessToken()
{
//缓存
$data = S('weixin_access_token');
if (empty($data)) {
$appId = C('weixin_appId');
$appSecret = C('weixin_appSecret');
$url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=$appId&secret=$appSecret";
$res =json_decode($this->httpGet($url),true);
$access_token = $res['access_token'];
S('weixin_access_token',$access_token,7000);
} else {
$access_token = $data;
}
return $access_token;
}
// 如果是企业号用以下URL获取access_token
// $url ="https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=$this->appId&corpsecret=$this->appSecret";
2、获取微信jsapi_ticket
//获取微信jsapi_ticket
private function getJsApiTicket()
{
//缓存
$data = S('weixin_jsapi_ticket');
if (empty($data)) {
$accessToken =$this->getAccessToken();
// 如果是企业号用以下 URL获取 ticket
// $url ="https://qyapi.weixin.qq.com/cgi-bin/get_jsapi_ticket?access_token=$accessToken";
$url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=$accessToken";
$res = json_decode($this->httpGet($url),true);
$ticket = $res['ticket'];
S('weixin_jsapi_ticket',$ticket,7000);
} else {
$ticket = $data;
}
return $ticket;
}
3、 生成签名
//微信JS签名
protected function getSignPackage() {
$jsapiTicket =$this->getJsApiTicket();
// 注意 URL一定要动态获取,不能写死
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !=='off' || $_SERVER['SERVER_PORT'] == 443) ?"https://" :"http://";
$url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
$timestamp = time();
$nonceStr = $this->createNonceStr();
// 这里参数的顺序要按照 key值 ASCII 码升序排序
$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr×tamp=$timestamp&url=$url";
$signature = sha1($string);
$signPackage = array(
"appId" => C('weixin_appId'),
"nonceStr" => $nonceStr,
"timestamp" => $timestamp,
"url" => $url,
"signature" => $signature
);
return $signPackage;
}
三、前端开发工作
1、引入微信开发js文件
<scriptsrc="http://res.wx.qq.com/open/js/jweixin-1.0.0.js?v=3"></script>
2、对接微信
//下面是微信接口的初始化
function config(appId, timestamp, nonceStr, signature, title, desc, linkUrl,imgUrl, successUrl)
{
/*
* 注意:
* 1. 所有的JS接口只能在公众号绑定的域名下调用,公众号开发者需要先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名"。
* 2. 如果发现在 Android不能分享自定义内容,请到官网下载最新的包覆盖安装,Android自定义分享接口需升级至 6.0.2.58版本及以上。
* 3. 常见问题及完整 JS-SDK文档地址:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
*
* 开发中遇到问题详见文档"附录5-常见错误及解决办法"解决,如仍未能解决可通过以下渠道反馈:
* 邮箱地址:weixin-open@qq.com
* 邮件主题:【微信JS-SDK反馈】具体问题
* 邮件内容说明:用简明的语言描述问题所在,并交代清楚遇到该问题的场景,可附上截屏图片,微信团队会尽快处理你的反馈。
*/
// alert(signature);
wx.config({
debug: false,
appId: appId,
timestamp: timestamp,
nonceStr: nonceStr,
signature: signature,
jsApiList: [
// 所有要调用的 API都要加到这个列表中
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
]
});
wx.ready(function () {
// 在这里调用 API
wx.onMenuShareTimeline({
title: title, // 分享标题
desc:desc, // 分享描述
link: linkUrl, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
$.ajax({
url:"/Nxj/choujiang",
dataType:'json',
type:'post',
success:function(ret){
if(parseInt(ret.status) ==1)
{
if(parseInt(ret.type) ==1)
{
//礼包码
$("#lb").find("span").html(ret.giftcode);
$("#lb").show();
}else{
//实物奖
$("#st").show();
}
}else{
$("#msg").find(".tips").html(ret.info);
$("#msg").show();
}
}
});
},
cancel: function () {
}
});
wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: desc, // 分享描述
link: linkUrl, // 分享链接
imgUrl: imgUrl, // 分享图标
type: 'link', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
location.href=successUrl;
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
// 分享到QQ
wx.onMenuShareQQ({
title:title, // 分享标题
desc:desc, // 分享描述
link:linkUrl, // 分享链接
imgUrl:imgUrl, // 分享图标
success:function() {
// 用户确认分享后执行的回调函数
location.href=successUrl;
},
cancel:function() {
// 用户取消分享后执行的回调函数
}
});
// 分享到腾讯微博
wx.onMenuShareWeibo({
title:title, // 分享标题
desc:desc, // 分享描述
link:linkUrl, // 分享链接
imgUrl:imgUrl, // 分享图标
success:function() {
// 用户确认分享后执行的回调函数
location.href=successUrl;
},
cancel:function() {
// 用户取消分享后执行的回调函数
}
});
});
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
});
}
四、服务号获取openid(订阅号无法获取)
1、获取openid
$url2 = 'https://api.weixin.qq.com/sns/oauth2/access_token?appid='. $appid . '&secret=' . $appSecret . '&code=' . $code .'&grant_type=authorization_code';
2、获取用户的信息(openid、nickname、headimgurl等)
$url3 ='https://api.weixin.qq.com/sns/userinfo?access_token=' . $access_token .'&openid=' . $openid . '&lang=zh_CN';