微信公众号JSSDK中的wx.ready()和wx.error()问题

最新推荐文章于 2024-06-06 00:49:18 发布
最新推荐文章于 2024-06-06 00:49:18 发布
阅读量1.5w 收藏 5
点赞数 5
分类专栏： 微信公众号
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y_bccl27/article/details/100786569
版权

如果要使用微信提供的JS-SDK，其中一步是使用wx.config来注入配置信息来进行权限验证。

但是wx.config是一个客户端的异步操作，如果需要在页面加载时就调用相关接口，就必须确保wx.config权限验证完毕后再调用接口。

微信提供了wx.ready函数，虽然文档上说wx.ready是验证成功时执行的函数，但权限验证成功或失败都会调用。也就是说如果权限验证通过，只会调用wx.ready函数，如果权限验证失败，先调用wx.error函数，然后再调用wx.ready。

所以在wx.ready里调用接口也不保险，我们需要在真正验证时才调用接口。

y_bccl27
关注
  • 5
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信h5分享
furong_lzz的博客
04-27 225
1引入js文件 <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 2.调用接口获取权限 this.$axios.get('接口地址', { params: { url: '参数', }, }) .then(function (res) { wx.config({ debug: false, // 开启调试模式,调用的所有ap
thinkPHP微信分享接口JSSDK用法实例
12-19
4. 监听分享事件：使用`wx.ready`和`wx.error`监听分享成功或失败的回调，以提供用户体验。 总结，ThinkPHP中实现微信分享接口JSSDK的用法主要涉及获取access_token和jsapi_ticket，以及在前端正确配置和调用JSSDK...
微信提供的JS-SDK wx.config/ready/error处理函数注意事项
m0_37680500的博客
07-06 2252
微信 JSSDK是微信公众号开发中的一个JavaScript工具包，提供了许多方便的接口和方法，方便开发者在微信公众平台上开发出更加丰富和互动的应用程序。通过微信JSSDK，开发者可以实现一系列基于微信公众号的功能，例如：分享到朋友圈、分享到对话、调起微信支付、获取地理位置等等。微信JSSDK可以用于微信公众号、微信小程序等平台的开发。如果要使用微信提供的JS-SDK，其中一步是使用wx.config来注入配置信息来进行。
【菜鸡记录】h5发起微信支付
最新发布
m0_69315397的博客
06-06 176
第五步：小票页面（由于“点金计划”，导致没有配置该要求的项目，商户支付完成后直接返回微信，而不是一直在应用内。第一步：下载jweixin-module。我参考了这位大佬的。h5发起微信支付需要下载微信的sdk，即jweixin。第二步，引入（在script中引入）第四步：调微信支付api。
使用hooks解决微信公众号JSSDK中的wx.ready()和wx.error()问题-uniapp-vue3-vue cli
m0_63007736的博客
03-18 836
可以在评论区讨论uniapp和微信JSDK相关问题，博主有空可以给予回答。
微信公众号开发 wx.ready不执行问题
热门推荐
guoqing的博客
06-01 1万+
在做微信公众号开发时遇到wx.ready根本不会方法内执行，而且wx.error也没看到有异常出现 这里根本就不会进入函数内！ 解决方法： 在wx.config这里将debug打开，并且用微信的浏览器去打开（将地址发给手机微信，然后手机打开链接） 在微信浏览器打开后会收到异常情况，我这里是因为签名错误，解决了签名错误的问题后就正常进入wx.ready的函数里了 ...
wx.config
weixin_49409651的博客
01-31 707
【代码】wx.config。
微信公众号获取地理位置调用方法报错wx.error
JY_2000的博客
12-29 500
2.wx.ready 、wx.getLocation（获取微信当前地理位置的方法，一般用户没有开位置权限到这一步报错）1.wx.config（通过调用后台方法传入参数获取token，一般切换公众号这一步会报错）报错的话以下几步出现问题都会导致程序走wx.error。
探秘【wxRead】：你的微信阅读新助手
gitblog_00032的博客
04-07 279
探秘【wxRead】：你的微信阅读新助手 项目地址:https://gitcode.com/zhaoolee/wxread 项目简介 在数字化阅读的时代，微信已成为许多人获取信息的重要渠道。然而，微信公众号内部的文章阅读体验并不理想，尤其对于喜欢深度阅读和整理知识的人来说。这就是【wxRead】项目应运而生的原因。它是一个基于Python的微信公众号文章抓取与阅读工具，通过GitCode平台开源，...
微信jssdk逻辑在vue中的运用详解
01-19
微信 jssdk 在 vue 中的简单使用 import wx from 'weixin-js-sdk'; wx.config({ debug: true, appId: '', timestamp: , nonceStr: '', signature: '', jsApiList: [] }); wx.ready(() => { // do something...
微信JSSDK实例
01-13
4. 调用微信JSSDK提供的接口，如`wx.ready`监听SDK加载成功事件，`wx.error`处理错误信息。 5. 根据需求，使用相应的接口实现分享、图片选取、语音识别等功能。 在实际开发过程中，开发者还需要注意微信JSSDK的权限...
微信JSSDK分享功能图文实例详解
10-17
微信JSSDK分享功能是微信提供的一个用于网页端实现微信内分享的重要工具，它允许开发者自定义分享内容，包括分享的标题、描述、图片以及链接等。以下是对微信JSSDK分享功能的详细说明： 首先，要使用微信JSSDK分享...
java开发微信分享到朋友圈功能共14页.pdf.zip
10-30
4. **微信JSSDK调用**：在前端JavaScript中，使用配置好的JS-SDK，调用`wx.config`进行初始化，然后可以调用`wx.updateTimelineShareData`方法设置分享到朋友圈的内容，包括标题、描述、链接和图片。 5. **签名计算...
H5页面兼容微信内置功能wx.ready,wx.getLocation在iframe内遇到无法获取位置也不报错问题
HA_LLL的博客
06-29 2153
前提：本人项目中HTML5使用了iframe嵌套页面，在嵌套页面使用wx.getLocation()一直没有效果。 然后发现wx.config和wx.ready不能放在内嵌页面，否则访问不到，正确代码如下。 外层页面代码：（部分） <div class="bottom-nav"> <ul> <li class="j-bottomalink active"> <a href="<%=basePath%>weChat/index/v
微信公众号开发可能获得正确或错误的返回码
qq_41887012的博客
05-31 1666
//wxerror 返回错误信息wxerror(json_decode($ch,true));//微信错误函数function wxerror($data){    if(!is_array($data) || !array_key_exists('errcode', $data)){      return dump($data);    }         $arr =[      -1   ...
微信分享图标设置，以及wx.config配置
weixin_30711917的博客
05-09 248
最近公司要求我做一个关于页面分享微信显示小图和描述的功能，由于之前没有做过，所以说是从零开始，看jssdk说明文档，网上搜索各种资料，甚至连三四年前的内容都搜索出来了，也试过以前的简单方法，包括在页面设置一个隐藏的图片，宽高都是300像素，微信就会抓取这张图片做为分享图片，但经本人测试无法使用，后来查到了原因，是微信对自定义分享内容作了限制，于是最终还是得回到配置wx.config上来。 w...
微信定位功能js、jquery调用微信wx js-jdk
wqq578
01-16 2612
config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填，生成签名的时间戳
vue 微信 js-sdk分享功能
weixin_44165764的博客
05-05 679
无意间接触到的一个东西 第一步： npm install weixin-js-sdk -S 或者直接index.html里面引入js文件 http://res.wx.qq.com/open/js/jweixin-1.6.0.js 官方文档 第二步： import wx from 'weixin-js-sdk' 在main.js里面把wx挂载到Vue下面 Vue.prototype.$wx = wx // 找后台获取签名，（拿签名的接口只需要向后台传递当前页面的url就行了，其他参数更
微信公众号调用扫一扫功能
Start2019
01-05 8754
微信公众号调用扫一扫功能，在使用微信 JS-SDK 的前提是，你有微信小程序或微信公众号或企业微信的管理权限，否则，微信 JS-SDK 提供的功能如扫一扫是用不了的。
vue2接入微信公众号JSSDK
07-28
要在Vue2中接入微信公众号JSSDK，您需要按照以下步骤进行操作： 1. 在公众号后台配置JS接口安全域名，确保您的域名已经添加到了微信公众平台的安全域名列表中。 2. 安装使用`weixin-js-sdk`库，可以通过npm进行安装： ``` npm install weixin-js-sdk ``` 3. 在需要使用JSSDK的组件或页面中引入`weixin-js-sdk`库： ```javascript import wx from 'weixin-js-sdk'; ``` 4. 在组件或页面的`mounted`生命周期钩子函数中初始化JSSDK，并进行相关配置： ```javascript mounted() { this.initWeChatJSSDK(); }, methods: { initWeChatJSSDK() { // 异步请求后端接口获取微信配置信息 axios.get('/api/getWeChatConfig') .then(response => { const { appId, timestamp, nonceStr, signature } = response.data; wx.config({ debug: false, appId, timestamp, nonceStr, signature, jsApiList: ['chooseImage', 'scanQRCode'] // 需要使用的JSSDK接口 }); wx.ready(() => { // JSSDK配置成功后的回调函数 console.log('JSSDK配置成功'); }); wx.error((res) => { // JSSDK配置失败后的回调函数 console.error('JSSDK配置失败', res); }); }) .catch(error => { console.error('获取微信配置信息失败', error); }); } } ``` 5. 在需要使用JSSDK的地方调用对应的接口，比如选择图片接口`chooseImage`： ```javascript methods: { chooseImage() { wx.chooseImage({ count: 1, success: function (res) { // 选择图片成功后的处理逻辑 const localIds = res.localIds; // ... }, fail: function (error) { // 选择图片失败后的处理逻辑 console.error('选择图片失败', error); } }); } } ``` 以上是在Vue2中接入微信公众号JSSDK的基本步骤，您可以根据实际需求进行相应的配置和调用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值