微信摇一摇关注开发流程的实现如下。
1)添加摇一摇关注库文件。
<script type="text/javascript" src='http:// zb.weixin.qq.com/nearbycgi/addcontact/BeaconAddContactJsBridge.js'></script>
2)判断是否已关注。
通过JS接口checkAddContactStatus来进行判断。
该接口参数说明:传入{type:0}表示关注设备归属的公众账号,传入{type:1}表示关注门店归属的公众账号。传入{}默认为传入{type:0}。
回调函数为function(apiResult){},参数说明如下。
·apiResult.err_code:错误码,0代表正常返回,其他代表发生错误。
·apiResult.err_msg:错误详情,ok代表正常返回,其他代表具体的错误信息。
·apiResult.data:是否已关注,1代表已经关注,0代表未关注。
摇一摇判断关注的代码如下。
BeaconAddContactJsBridge.invoke('checkAddContactStatus',{type:0},
function(apiResult){
if(apiResult.err_code == 0){
var status = apiResult.data;
if(status == 1){
alert('已关注');
}else{
alert('未关注'); }
}else{
alert(apiResult.err_msg)
}
});
3)跳转到关注页。
跳转到关注页使用接口jumpAddContact。
该接口参数说明:传入{type:0}表示关注设备归属的公众账号,传入{type:1}表示关注门店归属的公众账号。若不传,则默认传入{type:0}。
跳转到关注页的代码如下。
BeaconAddContactJsBridge.invoke('jumpAddContact');
摇一摇关注的完整代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>摇一摇关注JS API</title>
</head>
<body>
<script type="text/javascript" src="https:// zb.weixin.qq.com/nearbycgi/addcontact/
BeaconAddContactJsBridge.js"></script>
<script type="text/javascript">
BeaconAddContactJsBridge.ready(function{
// 判断是否已关注
BeaconAddContactJsBridge.invoke('checkAddContactStatus',{} ,function
(apiResult){
if(apiResult.err_code == 0){
var status = apiResult.data;
if(status == 1){
alert('已关注');
}else{
alert('未关注');
// 跳转到关注页
BeaconAddContactJsBridge.invoke('jumpAddContact');
}
}else{
alert(apiResult.err_msg)
}
});
});
</script>
</body>
</html>