公众号-JS-SDK 报 “errMsg““configok“,“verifyJsApiList“

在这里插入图片描述

  • 报这种错误 是因为 公众号的 jsdk api 使用 之前 需要 在 jsApiList 数组中添加该api

    wx.config({
    debug: true,
    appId: data.appId, // 必填,公众号的唯一标识
    timestamp: data.timestamp, // 必填,生成签名的时间戳
    nonceStr: data.nonceStr, // 必填,生成签名的随机串
    signature: data.signature, // 必填,签名
    jsApiList: [
    “chooseImage”,
    “getLocalImgData”,
    “updateAppMessageShareData”

        ] // 必填,需要使用的JS接口列表
      });
    
### 实现 Vue3 项目中微信 JS-SDK 地理位置功能 #### 导入并配置 weixin-js-sdk 在 Vue3 项目中集成 `weixin-js-sdk` 来获取用户的地理位置,首先需要安装依赖包: ```bash yarn add weixin-js-sdk ``` 接着,在所需的页面组件内导入 SDK 并初始化[^1]。 #### 初始化 JSSDK 配置 为了使微信内置浏览器支持 JavaScript 接口权限验证,需先向微信公众平台申请接口签名。服务器端应提供相应的接口来生成签名字符串,并将其传递给前端应用。假设已经获得了必要的参数(如 appId, timestamp, nonceStr 和 signature),可以在创建 Vue 组件实例之前完成配置工作: ```javascript import { onMounted } from 'vue' import wx from 'weixin-js-sdk' export default { setup() { const initWeChatConfig = async () => { try { let response = await fetch('/wechat/config') // 请求后端获取签名数据 let configData = await response.json() wx.config({ debug: false, appId: configData.appId, timestamp: configData.timestamp, nonceStr: configData.nonceStr, signature: configData.signature, jsApiList: ['getLocation'] }) wx.ready(function(){ console.log('JSSDK ready'); }); wx.error(function(res){ console.warn(`JSSDK error:${res.errMsg}`); }); } catch (error) { console.error(error); } } onMounted(() => { initWeChatConfig() }) return {} } } ``` 这段代码展示了如何利用 Composition API 的方式定义了一个名为 `initWeChatConfig()` 函数用于发起请求以获得配置信息,并调用 `wx.config()` 方法传入这些信息来进行初始化操作[^2]。 #### 使用 getLocation 获取地理坐标 一旦成功完成了上述准备工作,则可以安全地调用 `getLocation` 接口来取得当前位置的信息了。下面是一个简单的例子说明怎样处理返回的数据: ```javascript const getCurrentPosition = () => { wx.getLocation({ type: 'wgs84', // 默认为 wgs84 返回 gps 坐标;gcj02 返回国测局加密坐标 success(res) { const latitude = res.latitude; const longitude = res.longitude; console.info(`纬度:${latitude}, 经度:${longitude}`) // 可在此处继续执行其他逻辑... }, cancel() { alert('用户拒绝授权获取地理位置') } }) } // 调用函数 getCurrentPosition(); ``` 此部分实现了当用户同意分享其所在地点之后,程序能够接收到精确到经纬度的具体数值,并打印出来供后续开发人员进一步加工使用[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值