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

最新推荐文章于 2024-08-02 17:05:50 发布
最新推荐文章于 2024-08-02 17:05:50 发布
阅读量3.7k 收藏 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
关注
IOS 微信首次分享签名失败，二次刷新后就能成功的BUG（调用微信jssdk 时报错： “invalid signature“的解决方案）
weixin_43956521的博客
01-27 2443
问题： 在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 IOSurl链接不对微信分享签名失败，二次刷新就能分享成功的BUG
qq_42431718的博客
10-08 534
//记录进入app时的url if (typeof window.entryUrl === 'undefined' || window.entryUrl === '') { window.entryUrl = location.href.split('#')[0] } var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isIOS) { url=window.entry
h5使用 jssdk微信分享，ios分享内容为空，地址不正确，刷新第二次就正确了
weixin_60885570的博客
10-07 557
2.wxapi.js中 调整newpath。vue尽量使用hash模式.3.router.js路由中。
微信公众号-自定义微信分享（vue）(JS-SDK)
最新发布
zk_tww的博客
08-02 879
日常公众号开发中，业务部门对于微信内置分享(右上角->分享到朋友等)效果不太满意，需要我们自定义相关分享效果JS-SDK说明文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
（拿走不谢）H5微信分享时，在苹果手机分享一直不行，公开微信分享完整工具，以及微信地图
公z号：职场爱学习
06-20 2565
做微信分享时，在苹果手机分享一直不行，就尝试监听URL变化，发现不行。后来用刷新页面解决了。 watch: { $route(to, from) { /** * route是异步改变的，所以，在created()函数、mounted()函数，用this.route是异步改变的，所以，在created()函数、mounted()函数，用this.route是异步改变的，所以，在created()函数、mounted()函数，用this.route.fullPath获取的是 * 上一个页面的链接，不是当前页面的
解决微信H5自定义分享在IOS下失效的问题（js-sdk: invalid signature）
掉漆的博客
09-06 5186
在H5页面要做一个自定义分享，所以用到了微信的 js-sdk 。安卓下没问题，IOS报错 invalid signature 网上查了许多其他人写的答案，按照其他人说的改动之后还是不行，故总结下来以便后人。 大家先按照其他人的方法排查，如果还不好使再看我的做法。 经过一番根据官方文档的配置，最终config如下 let href = location.href.split('#')[0] ...
公众号h5授权链接显示redirect_uri域名与后台配置不一致
前端菜鸡的博客
11-09 1937
所以实际项目的请求址是www.aaa.com:81，但是公众号号的授权域名是www.aaa.com:80瑞口是可以不写，所以出现rediredt u城名与后台配置不-致情况。公众号里面的网页授权域名填写格式 只能是域名格式，用另一种解释的是网页授权域名只能是80或者443端口，不能是其他端口，这是官方规定的。网页授权域名个格式: www.aaa.com，但是实际项目地址是域名+端口: www.aaa.com:81。根据微信公众号配置修改: 登录微信公众号一设置与开发一公众号设置一功能设置一网页授权域名。
微信网页ios分享出去链接与当前页面不一致的解决办法
GracieLaw的博客
09-18 2423
在开发微信公众号的时候，有些页面要做分享功能，未配置的情况下，在IOS上直接调用微信分享没有效果，可以这样解决 在当前页面重置window.location.href beforeRouteEnter (to, from, next) { // ios微信分享需要重新设置URL next(vm => { if (!window.localStora...
vue 微信分享回调iOS和安卓回调出现错误的解决
10-14
在开发基于Vue.js的微信H5页面时，微信分享功能可能会遇到一些特定的挑战，特别是在iOS和Android设备上。本文将深入探讨如何解决Vue微信分享回调在iOS和Android上遇到的错误。 首先，为了实现微信分享，我们需要在...
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
12-10
在iOS上的微信环境中，Vue单页面应用（SPA）在使用Vue-Router的history模式时，调用微信JSSDK的相关API，如扫码、分享等，可能会遇到签名失败的问题。这是因为Vue-Router在进行路由切换时，会操作浏览器的历史记录，...
JSSDK实现微信分享
qq_36135258的博客
02-28 1140
微信H5网页开发如何实现分享功能以及常遇到的分享失败原因。
解决微信H5分享页面打开都是首页，# | hash 分割问题，获取不到页面数据，解决办法其一：前端页面中转，重定向
tx10765的博客
06-24 2166
H5端分享页面时，微信会在域名和参数间自动添加类似“?/&from=singlemessage”字段且“#”后面的字段会被删除，导致分享页面只能进入首页，例子如下： 待分享链接：https://www.example.com/#/page/details/details?id=123456 微信分享之后的链接为https://www.example.com#/?from=singlemessage 导致每次只能进入index页面；这里提供一种解决办法：前端页面中转，重定向 服务器端新建一个与
H5 ios环境微信分享的一些坑
javaScript_want的博客
09-05 3829
安卓手机中微信分享可以正常分享，而iphone手机中微信分享只有第一次进入的页面能分享成功，路由切换后分享失败（签名错误），重新刷新一次又能正常分享。 原因是：安卓手机的url会随着路由切换变化，iphone手机却不会，iphone手机的url永远都是第一次进来页面的url（location.href获取的是正常的url）。 解决方案： 在分享接口中做一个判断，如果是ios设备一直用第一次进入页面...
【微信JS-SDK分享】二次分享失效问题
Y.Cheng的博客
09-08 1397
补上微信分享上遇到的问题：二次分享失效问题 首次分享没问题，当点击进去再次分享给别人的时候，这时候的分享就失效了 问题原因：二次分享的时候，微信在url后面加上了2个参数 from=groupmessage&isappinstalled=0 参数意思应该是这个链接的分享来源 微信这个拼接导致了SDK传url给后台的时候微信端报错误码63002导致分享失败 解决：你加参数，我就删你参数 第一种：不带参分享链接 var url = location.href.split('?')[0]; if (ur
微信h5实现分享给朋友url改变_h5微信自定义分享
weixin_28687807的博客
12-23 675
为了h5页面在微信分享效果更好，我们接入了 h5 微信sdk，下面对接入流程总结。1、在项目中引用微信的js-sdk2、在微信公众平台绑定安全域名3、配置config在1,2步操作成功后，进入我们写代码正题，我们需要在入口js中配置configwx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，...
小程序分享H5链接地址异常
weixin_39759137的博客
02-11 1672
小程序webview使用原生分享参数如果带有H5地址小程序会自动进行encodeURIComponent编码， 所以会出现下面情况 解决方案： /** * 生命周期函数--监听页面加载 */ onLoad: function ({ url, encode }) { url = decodeURIComponent(url) } ...
微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法
ClassMake的博客
08-19 4437
注意：ios第一次进入页面调取失败的原因主要在于传入的path路径 const data = { url:encodeURIComponent(location.href.split(’#’)[0]), } 看了一些博客，说是url要用encodeURIComponent进行编码，后台解码就可以解决问题，但是对我用了还是不能解决，于是我又找了其它方法 用路由守卫解决了问题，说白了就是每次切换页面的...
ios设备微信公众号网页二次分享问题总结
weixiaowei_2016的博客
02-26 1077
在之前的分销商城项目中，用到了微信分享的功能，在ios设备中出现了二次分享失败的问题。 所谓二次分享，就是A用户在公众号页面中分享一次后，B用户通过分享链接进入网页，再次分享。在安卓设备中，不存在二次分享失败的情况，这种情况目前只发现出现在ios设备中。 为什么安卓设备中不存在这个问题我在这里不进研究了，就ios的问题我做一下总结。 项目框架 本次项目使用的是vue框架，整体结构使用了vu...
ios系统调用微信jssdk无法分享给朋友-工作笔记
simper_boy的博客
09-30 845
这几天项目出现一个问题 使用微信jssdk接口自定义分享内容， ios系统下，微信网页点击右上角分享按钮，发送给朋友，没有反应，但是是可以分享到朋友圈的。除此之外，安卓设备是正常的。 后面在网上找到一篇完全复现问题的文章，自己试了一下，成功解决这个问题。 原文链接 上面代码是设置分享出去的链接，标题，图片等，注意红色框里的 desc与title。 后面更改为 注意与上面的不同，默认值加了空格。...
微信JSSDK分享功能详解与实战示例
微信JSSDK分享功能图文实例详解是一篇详细介绍如何在微信平台上使用JavaScript SDK实现分享功能的文章。文章首先强调了微信JSSDK的重要性，它并非直接提供自定义分享按钮，而是允许开发者通过API来定制分享内容，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值