微信公众号开发(5)-调用jssdk获取地理位置经纬度及百度api获得城市

最新推荐文章于 2024-09-14 13:38:27 发布

水冰月的小兔子

最新推荐文章于 2024-09-14 13:38:27 发布

阅读量1.2w

点赞数 1

分类专栏：微信公众号开发 vue 文章标签：微信公众号地理位置 jssdk wechatPlugin

本文链接：https://blog.csdn.net/qq_15385627/article/details/83184831

版权

调用微信的jssdk需要先绑定js安全域名，这个在微信公众号后台自己设置就可以了。
还需要引入js文件，但由于我使用了vux，它里面的WeChatPlugin这个插件可以直接用commonJS方式引用，不需要再引用jsw文件，所以我直接在main.js中引入了插件，代码如下

import { WechatPlugin } from 'vux'
Vue.use(WechatPlugin)

console.log(Vue.wechat) // 可以直接访问 wx 对象。

使用jssdk还需要注入配置信息，可以通过config接口注入权限验证配置,config获取配置信息方法如下：

wxConfig(WxUrl,apiList) {//微信验证信息来调用jssdk
    const url = $config.baseURL+`api/public/weixin/getParams?signUrl=`+ WxUrl;
     $axios
     .get(url,{})
     .then(res => {
        const data = res.data.result;
        WechatPlugin.$wechat.config({
          debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
          appId: data.appId || '', // 必填&#