php 微信获取门店列表,【转载】微信公众号获取用户地理位置并列出附近的门店...
思路分析:
1、在微信公众号内获取用户地理位置
需要js-sdk签名包(关于如何获取文档有介绍)
2、根据获取的地理位置ajax去后台请求,通过sql语句,查询中距离最近的门店(sql语句在网上搜的,位置是通过后台添加的)
3、根据城市查询门店列表,使用通过表单提交事件,ajax请求后台获取列表
4、百度地图导航页面要注意引入地址
一、开始开发
1、该功能的实现需要调用微信公众号的js-sdk接口实现
简介:
微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。
通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信 分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验。
步骤一:绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
步骤二:引入JS文件
在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
备注:支持使用 AMD/CMD 标准模块加载方法加载
步骤三:通过config接口注入权限验证配置
所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性,所以使用pushState来实现web app的页面会导致签名失败,此问题会在Android6.2中修复)
具体的使用可以查看官方的文档
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
步骤四:通过ready接口处理成功验证
wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});
步骤五:通过error接口处理失败验证
wx.error(function(res){
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
})
自己的程序代码附上(我做的是获取用户的地理位置,就是出现一个获取地理位置的弹窗):
html页面:
//配置信息验证接口
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: [
// 所有要调用的 API 都要加到这个列表中
'checkJsApi',
'openLocation',
'getLocation'
]
});
//验证之后进入该函数,所有需要加载页面时调用的接口都必须写在该里面
wx.ready(function () {
//基础接口判断当前客户端版本是否支持指定JS接口
wx.checkJsApi({
jsApiList: [
'getLocation'
],
success: function (res) {
// alert(JSON.stringify(res));
// alert(JSON.stringify(res.checkResult.getLocation));
if (res.checkResult.getLocation == false) {
alert('你的微信版本太低,不支持微信JS接口,请升级到最新的微信版本!');
return;
}
}
});
//微信获取地理位置并拉取用户列表(用户允许获取用户的经纬度)
wx.getLocation({
success: function (res) {
var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90
var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。
//去数据库查询获取附近的门店
$.ajax({
type: 'post',
url: '__CONTROLLER__/shopList',
dataType: 'json',
data: {"latitude": latitude,"longitude":longitude},
success:function(shopInfo){
//index是下表,el是值
$(shopInfo).each(function(index,el){
$("#list").append('
'+el.shop_name+'
- 一键导航 '+el.distance/1000+'km
');
})
}
});
},
cancel: function (res) {
$(".city").triggerHandler("focus");
}
});
});
控制器中获取门店通过sql语句获取距离一定距离的门店的列表:
if(IS_AJAX){
$post = I('post.');
//纬度小,经度大
// 5公里范围是5000
$longitude = $post['longitude'];//经度信息
$latitude = $post['latitude'];//纬度信息
//通过sql语句查询距离5公里之内的门店
$sql = "select * from (select shop_id,shop_name,shop_tel,shop_position,shop_logo, ROUND(6378.138*2*ASIN(SQRT(POW(SIN(($latitude*PI()/180-`shop_wei`*PI()/180)/2),2)+COS($latitude*PI()/180)*COS(`shop_wei`*PI()/180)*POW(SIN(($longitude*PI()/180-`shop_jing`*PI()/180)/2),2)))*1000) AS distance from sp_shop order by distance ) as a where a.distance<=5000";
// $sql = "select * from (select shop_id,shop_name,shop_tel,shop_position,shop_logo, ROUND(6378.138*2*ASIN(SQRT(POW(SIN((36.09297*PI()/180-`shop_wei`*PI()/180)/2),2)+COS(36.09297*PI()/180)*COS(`shop_wei`*PI()/180)*POW(SIN((120.3743*PI()/180-`shop_jing`*PI()/180)/2),2)))*1000) AS distance from sp_shop order by distance ) as a where a.distance<=5000";
$shopInfo = M()->query($sql);
echo json_encode($shopInfo);exit;
}else{
if(session('openid')){
//获取微信签名包信息(用户地理位置的获取)填写的配置信息中,需要写入的东西(调用签名包封装的类:http://blog.csdn.NET/bj123467/article/details/72910160)
$jssdk = new \Home\Model\WechatModel();
$signPackage = $jssdk->GetSignPackage();
$this->assign('signPackage', $signPackage);
$this->display();
}else{
//判断该用户是否存在
$model = new \Home\Model\WechatModel();
$openid_accesstoken = $model->openId();
$rst = M('user')->where(array('user_openid' => $openid_accesstoken['openid']))->find();
if($rst){
session('openid',$openid_accesstoken['openid']);
session('user_id', $rst['user_id']);
$jssdk = new \Home\Model\WechatModel();
$signPackage = $jssdk->GetSignPackage();
$this->assign('signPackage', $signPackage);
$this->display();exit;
}else{
//如果不存在获取微信用户的基本信息
$userInfo = $model->getOpenId($openid_accesstoken['openid'],$openid_accesstoken['access_token']);
$data = array(
'user_img' => $userInfo['headimgurl'],
'user_openid' => $userInfo['openid'],
'user_name' => filter($userInfo['nickname']),
'user_register_time' => time(),
'city' => $userInfo['province'].'-'.$userInfo['city'],
);
$id = M('user')->add($data);
session('openid', $userInfo['openid']);
session('user_id',$id);
$jssdk = new \Home\Model\WechatModel();
$signPackage = $jssdk->GetSignPackage();
$this->assign('signPackage', $signPackage);
$this->display();
}
}
}```
微信文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140841
微信门店视频开发教程:http://edu.csdn.net/course/detail/4567
php 微信获取门店列表,【转载】微信公众号获取用户地理位置并列出附近的门店...相关推荐
- java查看附近门店_微信公众号获取用户地理位置并列出附近的门店的示例代码...
思路分析: 1.在微信公众号内获取用户地理位置 需要js-sdk签名包(关于如何获取文档有介绍) 2.根据获取的地理位置ajax去后台请求,通过sql语句,查询中距离最近的门店(sql语句在网上搜的, ...
- python pc微信 接收信息_GitHub - ericadver/WechatPCAPI: 微信PC版的API接口,可通过Python调用微信获取好友、群、公众号列表,并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...
- python 微信公众号网页接口调用_GitHub - micsem00/WechatPCAPI: 微信PC版的API接口,可通过Python调用微信获取好友、群、公众号列表,并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...
- python的读取微信界面_GitHub - lchb000/WechatPCAPI: 微信PC版的API接口,可通过Python调用微信获取好友、群、公众号列表,并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息,接受转账.好友请求.入群请求,群管理等功能.可用于二次开发在线微信机器人.微信消息监控. ...
- python 接收微信pc端_GitHub - linhuisheng/WechatPCAPI: 微信PC版的API接口,可通过Python调用微信获取好友、群、公众号列表,并收发消息等功能。...
WechatPCAPI 微信PC版的API接口,可通过Python调用微信获取好友.群.公众号列表,并收发消息等功能.可用于二次开发在线微信机器人.微信消息监控.群控软件.开发界面作多个微信控制软件等 ...
- vue 微信公众号获取定位经纬度 腾讯地图逆地址解析为具体地址
最近做项目需要用到 微信公众号获取定位,并将定位转换为具体地址的需求,找了挺多,最后整理下,分享给大家~ 我这里使用的是腾讯地图,也可以使用其他的如百度.高德等. 思路是,先使用微信开放文档的获取定位 ...
- tp5微信公众号获取用户openid_tp5+微信公众号获取用户基本信息
获取用户基本信息(UnionID机制) 获取用户基本信息(UnionID机制) 在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID(加密后的微信号,每个用户对每个公众号的OpenID是唯 ...
- 微信公众号获取AccessToken
微信公众号获取AccessToken 微信公众号appid和appSecret及配置相关的ip白名单 用到的pom.xml文件 <!-- fastjson--><dependency ...
- 微信公众号获取OpenId(未授权)(需要关注公众号)
文章的一开始,我先解释下微信公众号的openId. openId是微信对于用户的唯一辨识,只要有用户关注你的公众号,微信会通过公众号和用户微信号通过一种算法生成一种唯一标识码,也就是openId,用数 ...
最新文章
- https wireshark抓包——要解密出原始数据光有ssl 证书还不行,还要有浏览器内的pre-master-secret(内存里)...
- 多线程情况下创建连接池
- 《集体智慧编程》第六章
- 【WC2016】挑战NPC 【带花树】【建图】
- 真实世界:使用WCF扩展记录服务调用时间
- 第45课 蝴蝶效应-动动脑 第2题 《小学生C++趣味编程》
- github克隆仓库加速
- php 简单日志搜索
- python 位运算符与逻辑运算符(字符串的逻辑运算)
- 浅谈C#中的延“.NET研究”迟加载(2)——善用virtual
- 阶段1 语言基础+高级_1-3-Java语言高级_09-基础加强_第2节 反射_8_反射_Class对象功能_获取Field...
- 三菱plc分拣程序_基于三菱PLC控制的物料自动分拣模型
- edge浏览器开启夜间模式
- Codeforces1548 D1. Gregor and the Odd Cows (Easy)(皮克公式+gcd+数学推导)
- 2022年起重机械指挥特种作业证考试题库及答案
- node插件rimraf
- 最强大的Mac软件卸载清理工具 App Cleaner Uninstaller Pro 7.8 Mac版(内附安装包链接)
- 【10.28 校内普及组】 小B浇花 题解
- CXF实现服务的发布
- php gd库 缩小图片_【源码分享】PHP中GD库实现图片等比例缩放