uniapp分享位置到微信

最近有一个需求是从app分享位置到微信，打开微信可以实现导航的功能，查询资料发现没有办法可以直接发送位置到微信，但是微信网页开发可以实现在微信内部用网页打开腾讯内置地图，进而实现导航的功能，所以决定通过分享H5到微信来解决问题。
思路：uniapp分享链接到微信，链接中带有经纬度和位置名称，在微信中打开链接，通过参数打开微信内置地图。

1、写H5页面(微信网页开发)

微信sdk使用说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
需要手机微信调试的可以引入vconsole.js，可以显示控制台：https://unpkg.com/vconsole@latest/dist/vconsole.min.js

<script> 
	// VConsole 默认会挂载到 `window.VConsole` 上 
	var vConsole = new window.VConsole(); 
</script>

（1）在微信公众平台绑定安全域名，引入微信sdk。

具体步骤不详说，可看文档操作。

（2）通过 config 接口注入权限验证配置。

由于用到的查看位置wx.openLocation需要用到鉴权。同一个地址的网页只需注入一次就行，如果地址有变化，则需要重新注入权限验证配置。

wx.config({
   
	debug: true, // 开启调试模式,调用的所有 api 的返回值会在客户端 alert 出来，若要查看传入的参数，可以在 pc 端打开，参数信息会通过 log 打出，仅在 pc 端时才会打印。
	appId: res.data.appId, // 必填，公众号的唯一标识
	timestamp: res.data.timestamp, // 必填，生成签名的时间戳
	nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
	signature: res.data.signature,// 必填，签名
	jsApiList: [
		'openLocation'
	] // 必填，需要使用的 JS 接口列表，这里只用到了openLocation
});

其中appId、timestamp、nonceStr、signature 都是通过传入当前网页的地址（window.location.href），调用后端接口的返回值。

（3）调用接口打开内置地图

由于我们是页面一加载就调用wx.openLocation接口，所以需要在wx.ready中调用。

wx.ready(function(){
   
  // config信息验证后会执行 ready 方法，所有接口调用都必须在 config 接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在 ready 函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在 ready 函数中。
  openLocation();
});

wx