解决h5使用 jssdk做微信分享，ios分享内容地址不正确，刷新第二次就正确了

最新推荐文章于 2024-07-23 14:48:15 发布
最新推荐文章于 2024-07-23 14:48:15 发布
阅读量3.6k 收藏 3
点赞数 1
文章标签： ios 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/v_Guo/article/details/103937018
版权

解决h5使用 jssdk做微信分享，ios分享内容地址不正确，刷新第二次就正确了

关于微信分享 ios出现无效的问题

在开发微信h5分享时出现了ios只会在初始化首页的时候进行初始化设置，后面相对个别页面进行特殊化配置的时候，比如跳转链接，图片的修改 在ios上无法生效，但在安卓上是有效的，

填坑之路

刚开始 一顿 Google 方法很多但是却没有效果， 使用了 一个方法 就是设置重定向。
结果， 分享的内容正确了，但是跳转的链接却是错的 ·········
好了，继续填坑。。。。
最后自己想到了个办法
就是要分享的 config 中 link链接 自己拼接
不要使用 window.location.href 来获取
在这里插入图片描述

虽然办法有点多余 但是毕竟解决了 ios 分享内容不正确 必须刷新一次后 再次分享的内容才正确

经测试 ios可以正常分享 不需要刷新 内容正确。。。

第一次写博客 记录自己解决的 bug 希望能帮到你 毕竟百度答案那么多 却不能解决问题。。。。

v_Guo
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IOS 微信首次分享签名失败，二次刷新后就能成功的BUG（调用微信jssdk 时报错： “invalid signature“的解决方案）
weixin_43956521的博客
01-27 2316
问题： 在IOS手机微信端，从A页面(http://a.com/A) 跳转到B页面(http://a.com/B)后，B页面进行分享时就会报签名（invalid signature）错误。 分析： 从A页面跳转到B页面时，由于是使用vue-router（react-router-dom）切换，都是操作浏览器历史记录，所以ios端微信浏览器锁定的url的还是A页面的url。 这个时候，是不是很多人都会认为，既然页面路由变化了，那我重新请求下url签名接口，不就可以了。呵呵呵，你会发现报错：invalid si
vue 微信分享回调iOS和安卓回调出现错误的解决
10-14
在开发基于Vue.js的微信H5页面时，微信分享功能可能会遇到一些特定的挑战，特别是在iOS和Android设备上。本文将深入探讨如何解决Vue微信分享回调在iOS和Android上遇到的错误。 首先，为了实现微信分享，我们需要在...
微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法
ClassMake的博客
08-19 4384
注意：ios第一次进入页面调取失败的原因主要在于传入的path路径 const data = { url:encodeURIComponent(location.href.split(’#’)[0]), } 看了一些博客，说是url要用encodeURIComponent进行编码，后台解码就可以解决问题，但是对我用了还是不能解决，于是我又找了其它方法 用路由守卫解决了问题，说白了就是每次切换页面的...
微信jssdk调用php实现代码（解决二次分享失败问题）与逻辑梳理
01-08
微信jssdk调用 在网页中调用微信jssdk能够实现： 1.使用拍照、选图、语音、位置等手机系统的能力。 2.使用微信分享、扫一扫、卡券、支付等微信特有的能力。 调用步骤 1.使用微信测试账号，需要关注测试账号对应公众号，测试页面别人想要浏览，同样需要关注测试公众号。 2.接口配置信息，填写url来响应微信发送的Token验证。 token处填写你自己设定的token值 <?php $nonce = $_GET['nonce']; $token = '你设定的token'; $timestamp = $_GET['timestamp']; $echostr = $_GET
微信invalid signature，微信IOS分享失效，微信刷新之后IOS不能分享，spa单页面微信分享，wx.ready不执行？
啥也不会只能CV
10-16 2439
微信的坑，哭着也要填完。 小白选手刚接触微信公众号网页，产品出来个需求，要求h5网页在任何页面都可以分享，并且分享的内容是自定义的（B端配置），我一听这还不简单，微信官方文档里写的明明白白，好说。 我用的是vue2版本+微信的jssdk是npm安装的1.4.0的版本。使用的是vue-router的< history >模式。 大概有ABCD四个页面吧。自己想的很美好，也上网查阅了前辈们说的大概意思就是： ios页面在根目录下执行一次config接口注入权限验证配置 Android页面每个页面都执
H5 ios环境微信分享的一些坑
javaScript_want的博客
09-05 3780
安卓手机中微信分享可以正常分享，而iphone手机中微信分享只有第一次进入的页面能分享成功，路由切换后分享失败（签名错误），重新刷新一次又能正常分享。 原因是：安卓手机的url会随着路由切换变化，iphone手机却不会，iphone手机的url永远都是第一次进来页面的url（location.href获取的是正常的url）。 解决方案： 在分享接口中做一个判断，如果是ios设备一直用第一次进入页面...
（拿走不谢）H5微信分享时，在苹果手机分享一直不行，公开微信分享完整工具，以及微信地图
公z号：职场爱学习
06-20 2489
做微信分享时，在苹果手机分享一直不行，就尝试监听URL变化，发现不行。后来用刷新页面解决了。 watch: { $route(to, from) { /** * route是异步改变的，所以，在created()函数、mounted()函数，用this.route是异步改变的，所以，在created()函数、mounted()函数，用this.route是异步改变的，所以，在created()函数、mounted()函数，用this.route.fullPath获取的是 * 上一个页面的链接，不是当前页面的
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
12-10
在iOS上的微信环境中，Vue单页面应用（SPA）在使用Vue-Router的history模式时，调用微信JSSDK的相关API，如扫码、分享等，可能会遇到签名失败的问题。这是因为Vue-Router在进行路由切换时，会操作浏览器的历史记录，...
手机浏览器唤起微信分享(JS)
10-14
在移动互联网时代，用户分享内容到社交媒体的需求日益增强，其中微信作为国内最流行的社交应用之一，其分享功能在网站和应用程序中广泛使用。本文将深入探讨如何在手机浏览器中通过JavaScript实现唤起微信分享功能，...
微信开发之微信jssdk录音功能开发示例
01-19
用户长按录音，松手后直接结束录音，结束录音后，用户可以选择重新录音、播放刚才的录音，上传录音（这里的上传录音指上传到自己服务器，上传步骤是，前端调用wx.uploadVoice，后台再到微信服务器下载音频文件，上传...
h5打开微信返回问题
09-12
标题中的“h5打开微信返回问题”涉及到的是在iOS平台上，使用HTML5（H5）技术构建的应用如何正确处理与微信交互并返回到原生App的场景。这通常发生在用户在H5页面中点击某个链接，例如“分享到微信”或“使用微信...
h5使用 jssdk微信分享，ios分享内容为空，地址不正确，刷新第二次就正确了
weixin_60885570的博客
10-07 507
2.wxapi.js中 调整newpath。vue尽量使用hash模式.3.router.js路由中。
JS-SDK与二次分享问题
weixin_45315794的博客
05-11 1179
先说说背景知识 1.JS-SDK的用途 调用拍照，选图，支付，分享，定位功能。微信开放这些能力给开发者，要对开发者进行鉴权。鉴权的时候需要签名，签名需要票据，随机字符串，时间戳，网址，票据需要调用微信的一个接口生成，比较麻烦的参数票据，票据的生成，需要调用另外一个接口，需要appId和serect。每天只能调用2000次，每次调用的有效期是2小时。 JS-SDK具体使用的步骤：JS-SDK具体使用步骤 2.签名的获取方法 2.0 准备工作 1.登录微信公众平台，在开发设置中查看AppID和AppSecret
vue 单页面应用 做公众号，微信自定义分享，ios端失败
~~~~~
08-20 2196
1.有人说是vue项目ios端地址栏 不会变，我是用的 window.location.href 来传给后台生成config参数的，所以解决了 2.自定的分享不触发，打开 wx.config({ debug: true 我的项目里报fail imgurl is needed，然后我在 imgUrl 随便填了，就可以了 wx.updateAppMessageShareData({ ...
如果运用微信JSSDK，让H5进行微信分享
superw的博客
10-29 746
第一步 引入JS文件 在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js 第二步 通过config接口注入权限验证配置 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致
vue weixin-js-sdk进行微信分享
u014678583的博客
05-09 2379
第一步：安装weixin-js-sdk npm install weixin-js-sdk 第二步： 在assets文件下新建个common文件夹，然后再新建个utils.js文件 import wx from "weixin-js-sdk"; /* * 微信分享 * 获取微信加签信息 * @param{data}:获取的微信加签 * @param{shareData}:分享配置参数 */ export const wexinShare = (data, shareData) =&...
【iOS】进程与多线程
最新发布
XY_Mckevince的博客
07-23 903
iOS开发是单进程，本文针对iOS开发对多线程作以了解，并区分了进程、线程之间的区别和意义，认识了线程的生命周期、线程池的运行策略、简单了解了自旋锁和互斥锁，浅析了atomic原子属性的底层实现是通过自旋锁实现的
微信小程序公众号h5分享卡片
02-01
微信小程序公众号H5分享卡片是指在微信公众号平台上，通过小程序或H5页面来创建可分享的卡片。这种分享卡片可以包含各种信息，如标题、描述、图片、链接等，用于吸引用户点击并进入小程序或H5页面。 在微信小程序中，我们可以通过设置小程序的分享参数来生成分享卡片。开发者可以在小程序的代码中，通过调用相关API来设置分享标题、描述和图片等信息，当用户点击分享按钮时，系统会自动根据设置生成分享卡片供用户分享到朋友圈、好友等渠道。 而在微信公众号的H5页面中，我们可以使用微信提供的JSSDK来实现分享功能。开发者可以在H5页面中引入微信提供的JSSDK的使用，在页面加载完成后，通过调用相关API来设置分享标题、描述和图片等信息。当用户点击分享按钮时，系统会调用微信的接口生成分享卡片供用户分享。 通过微信小程序公众号H5分享卡片，用户可以将自己喜欢的小程序或H5页面分享给朋友，让朋友也能够体验到这些应用的功能。而对于开发者来说，分享功能可以增加应用的曝光度和用户量，提高用户参与度和用户粘性。 总之，微信小程序公众号H5分享卡片是一种方便快捷地实现小程序或H5页面分享功能的方式，能够帮助用户分享他们感兴趣的内容，也能够帮助开发者提升应用的影响力和用户数量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值