6.5获取用户地理位置信息 及签名的生成
程序员文章站
2022-03-03 19:21:25
...
获取地理位置信息,是通过js获取的,因此 需要先在公众号后台配置调用js接口的域名,只需配置一级域名,不要添加http://协议前缀等
在页面当中引入需要的js文件,文档中有
-
最重要的就是生成调用js接口需要的签名
实例
<?php class Weixin{ //获取地理位置 生成签名 public function location() { $appid = Config::get("wx.appid"); $timestamp = time(); $nonce = md5(time().rand(1,999)); $access_token = $this -> model -> get_access_token(); $jsapi_ticket = $this -> model -> jsapi_ticket($access_token); $data['noncestr'] = $nonce; //随机字符串必须要与上面的随机字符串一直 $data['timestamp'] = $timestamp; //时间戳必须要与上面的时间戳一直 $data['jsapi_ticket'] = $jsapi_ticket; $data['url'] = "http://668e52e6.ngrok.io/index.php/index/weixin/location"; //地址必须是调用js接口的地址 ksort($data); //对键值按照ASCII排序 //排序之后生成一个字符串 格式为"key1=value1&key2=value2..." 使用urldecode()解码 防止url转义 $string = urldecode(http_build_query($data)); //生成签名 $signature = sha1($string); //在对上面生成好的字符串进行sha1加密 就是要的签名 \think\facade\View::assign([ "appid" => $appid, "timestamp" =>$timestamp, "nonce" => $nonce, "signature" => $signature ]); //注意: 在公众号后台配置js接口调用域名时 不要加http://等前缀 只需加一级域名即可 切记 return \think\facade\View::fetch(); } ?>
运行实例 »点击 "运行实例" 按钮查看在线实例
-
用到的js文件
实例
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script> var a = '{$appid}'; var b = '{$timestamp}'; var c = '{$nonce}'; var d = '{$signature}'; wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: a, // 必填,公众号的唯一标识 timestamp:b , // 必填,生成签名的时间戳 nonceStr: c, // 必填,生成签名的随机串 signature: d,// 必填,签名 jsApiList: ['getLocation','openLocation'] // 必填,需要使用的JS接口列表 }); wx.ready(function(){ // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。 getLocation(openlocation); }); function getLocation(callback) { wx.getLocation({ // 默认为wgs84的gps坐标,此方式定位有出乎 如果要返回直接给openLocation用的火星坐标,可传入'gcj02' type: 'gcj02', success: function (res) { var latitude = res.latitude; // 纬度,浮点数,范围为90 ~ -90 var longitude = res.longitude; // 经度,浮点数,范围为180 ~ -180。 var speed = res.speed; // 速度,以米/每秒计 var accuracy = res.accuracy; // 位置精度 if (callback != undefined){ callback(res); } } }); } function openlocation(res) { wx.openLocation({ latitude: res.latitude, // 纬度,浮点数,范围为90 ~ -90 longitude: res.longitude, // 经度,浮点数,范围为180 ~ -180。 name: '', // 位置名 address: '', // 地址详情说明 scale: 15, // 地图缩放级别,整形值,范围从1~28。默认为最大 infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转 }); } </script>
运行实例 »点击 "运行实例" 按钮查看在线实例
到此,在微信中查看 使用微信内置地图可以查看自己的位置信息
下一篇: Android好用的第三方开源库