【小编推荐】关于微信摇周边功能开发的一点心得

2016-06-04   |   发布者:梁国芳   |   查看:3320次

php
 本次开发应用场景:附近功能--点击附近 触发微信摇周边接口startSearchBeacons,之后开始监听附近设备onSearchBeacons,最后再关闭查找周边设备接口stopSearchBeacons
模板页代码:
<?php
require_once "./weixinsdk/jssdk.php";
$jssdk = new JSSDK("wxce99d783e9b78489", "4743a428031bc650be1ff24e4e3446da");
$signPackage = $jssdk->GetSignPackage();
$acc = $jssdk->getAccessToken();
?>
<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
<script>
wx.config({
debug: false,
appId: '<?php echo $signPackage["appId"];?>',
timestamp: <?php echo $signPackage["timestamp"];?>,
nonceStr: '<?php echo $signPackage["nonceStr"];?>',
signature: '<?php echo $signPackage["signature"];?>',
jsApiList: [
'startSearchBeacons',
'onSearchBeacons',
'stopSearchBeacons',
]
});
var val='';
wx.ready(function () {
//开启查找周边ibeacon设备接口
wx.startSearchBeacons({
ticket:"",
complete:function(arr){
wx.onSearchBeacons({
complete:function(argv){
if(val!=argv){
val=argv;
$.post("{:U('json')}",argv,function(res){
arr=eval(res);
if(!arr){
$('.list').eq(0).append('<p class="footerp">没有更多内容了</p>');
}
var str='';
for(var i=0; i<arr.length; i++)
{
// str+='<dd><a href="./index.php?s=/home/restaurant/detail/id/'+arr[i]['id']+'.html">';
str+='<dd><a href="'+arr[i]['url']+'">';
str+='<img src="'+arr[i]['img']+'"/>' ;
str+='<span>';
str+='<h1> '+ arr[i]['name']+'<span style="font-size:14px;text-align:right;">'+arr[i]['distance']+'米</span></h1>' ;
str+='<p>'+arr[i]['description']+'</p>' ;
str+='</span>' ;
str+='</a>' ;
str+='</dd>' ;
}
$('.list').eq(0).html(str);
var b = $('.list img').width();
$('.list img').