微信H5调用updateAppMessageShareData方法分享导致link参数丢失解决方法

最新推荐文章于 2024-03-29 17:43:39 发布
最新推荐文章于 2024-03-29 17:43:39 发布
阅读量1.6k 收藏
点赞数
文章标签： javascript vue.js 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57530416/article/details/124105562
版权

今天测试紧急通知了一个错误 有的用户分享了公众号发现参数丢失了 正常链接应该是​​​​​​​

 这个，但是分享完之后链接

变成了这样 #后面的参数丢失了，主要发生在ios上面，经过没丢失参数的和丢失参数的对比，发现没有分享图标的都丢失参数了，有分享图标的就没事，果断加了个默认图片，完美解决 

m0_57530416
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信接口调用'updateTimelineShareData','updateAppMessageShareData'　的踩坑记录
weixin_30905981的博客
05-23 1万+
6月份新版微信客户端发布后，用户从微信内的网页分享消息给微信好友，以及分享到朋友圈，开发者将无法获知用户是否分享完成。具体调整点为： （1）分享接口调用后，不再返回用户是否分享完成事件，即原先的cancel事件和success事件将统一为success事件。详情可参考微信JSSDK说明文档 （2）在6月份新版...
微信JS-SDK updateAppMessageShareData安卓不能自定义分享
Mangojjx的博客
04-17 6441
最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发文档这样写的 自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: '', // 分享标题 desc: ''...
微信分享链接拼接参数重定向后参数失效的问题
qq_39933787的博客
12-16 1264
前提：使用vue开发微信公众号，需求需要在链接中添加一个参数用来判断该分享链接来自朋友圈还是好友 常规操作：在wx.onMenuShareTimeline和wx.onMenuShareAppMessage这两个方法中的link后分别拼接参数&fromShare=toCircleFriends和&fromShare=toFriends 出现问题：获取不到拼接的参数 问题分析：微信将没有转义的参数视为无效的参数，重定向时将参数给截取掉了 解决方案：拼接链接改为%26fromShare%3
实现微信内置浏览器分享功能（前期准备+VUE前端部分代码+调试+坑记录）
最新发布
weixin_46161103的博客
03-29 1807
经过我个人的测试是从链接进入网址后分享出来还是网址，从卡片进入后二次分享则是卡片，如果是外包浏览器卡片在维系浏览器二次分享也是卡片效果。这里划重点：针对ios需要存储首次进入页面的时的地址作为参数传给后端（否则后续IOS端分享将会失效），安卓则不需要特殊处理，可以在每个页面都调用一下location.href.split(‘#’)[0]。IOS：每次切换路由，SPA的url是不会改变，发起签名请求的url参数必须是当前页面的url(就是第一次进入页面时的url)4、获取当前页面的地址传给后端生成配置信息。
微信sdk使用分享朋友功能时，跳转链接#后面参数无效
javascript和jq设置金额整数与小数点后面的字体大小
08-16 479
在微信中分享到朋友圈或好友时，分享出去的路由被破坏，打开分享的链接，路由中的“#”会被去掉并追加？fromTimeline之类的后缀参数，这就造成了分享出去的链接只能进入首页，无法正常跳转到其他路由。 由于微信会在hash #号前添加字段，就需要解决我们手动拼接这个分享链接。两种方式1.http://web.ehoo100.com/static/matrix/#/teamwork?postId=${this.postId} 2.(window.location.href).replace(windo.
微信 updateAppMessageShareData ios分享不出来标题内容
asd2437252087的博客
02-24 1357
微信 updateAppMessageShareData
微信公众号自定义分享，updateAppMessageShareData都成功了，为什么分享出去的是个链接？
Jana Jing的分享
05-06 7831
请注意，原有的wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone接口，即将废弃。 请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。 注意： 1、目前还可以从公众号菜单进入分享、访问网页后添加到收藏，从我的收藏进入分享正常。 2、其他入口...
记录updateAppMessageShareData,updateTimelineShareData设置无效的坑
donjan的博客
04-20 5978
按照开发文档已设置好 updateAppMessageShareData updateTimelineShareData 接口权限 微信开发工具也显示 updateTimelineShareData:ok updateAppMessageShareData:ok 表明设置成功，但是转发仍然无效，微信jssdk为jweixin-1.6.0.js版本 1、jsApiList把旧接口也都加上 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出
【微信小程序】『001』解决onShareAppMessage分享时带参消失问题
maxmon
07-19 4731
目录前言问题：query没有传入解决：query没有传入问题：获取不到query解决：获取不到query附言特别感谢 前言 最近在用uni-app写微信小程序《天奇达人》，一款用来推荐微信小程序的小程序。 开发中用到了用户分享小程序的接口。 问题：query没有传入 然后需要知道用户分享了哪一个小程序，需要用到分享时传入的query参数了。 这时候看微信文档，有onShareAppMessage这个接口，但发现里面的query参数在用户接收的时候不见了。 wx.onShareAppMessa
详解Vue开发微信H5微信分享签名失败问题解决方案
12-03
关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题 问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分享时，在微信开发者工具上一切...
java实现微信H5支付方法详解
08-30
本篇文章主要介绍了java实现微信H5支付方法详解，非常具有实用价值，需要的朋友可以参考下
微信二次分享报错invalid signature问题及解决方法
12-03
基于微信公众号开发的h5页面（使用jssdk接口），由用户A分享给用户B，用户B再次分享这个页面时，不能成功分享。问题出在用户B收到的分享链接与用户A打开的链接不同 A用户的链接为 http://test.com/test.html B用户...
微信公众号H5支付接口调用方法
12-12
本文实例为大家分享了 微信内H5调用支付接口的具体代码，供大家参考，具体内容如下 官方文档地址 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>微信...
vue实现微信分享链接添加动态参数的方法
01-19
微信分享时 分享链接携带参数可能不是固定的 需要在分享的前一刻才知道 这里就是动态设置分享链接的基本写法 代码不是那么详尽 但大致流程如下 1.安装引用jssdk npm install --save weixin-js-sdk const wx=require...
URL 的编码和解码
高大哥
04-19 1万+
URL 的编码和解码 1 什么是 URL？ URL（Uniform Resource Locator）：统一资源定位符，它是用来表示互联网上的某个资源地址，互联网上的每个文件都有一个唯一的 URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 URL 一般由三部组成： 协议（或称为服务方式）。 存有该资源的主机 IP 地址（有时也包括端口号）。 主机资源的具体地址。如目录和文件名等。 // 语法格式 // protocol://hostname[:port]/path[?query][#frag
微信公众号开发里JSSDK 1.4.0分享接口updateAppMessageShareData 无效
热门推荐
han_calligrapher的博客
10-16 5万+
解决方式：暂时解决方案先调用旧版本api：onMenuShareAppMessage，新版本updateAppMessageShareData目前无效。 代码： // console.log("wx================", wx) wx.config({ debug: false, // 开启调试模式...
安卓微信二次分享不显示描述和图片
Umbrella_Um的博客
01-16 2150
问题描述 在做微信分享的时候有遇到过这样的问题，，第一次分享到微信，描述和图片都能正常显示，但是打开连接用微信自带的分享功能进行分享时，就会出现以下情况：描述变链接、图片不显示、标题变更。 导致的原因 实现微信分享需要调用JSSDK的两个分享接口，按照微信JSSDK最新JS 1.4.0文档上说： “原有的 wx.onMenuShareTimeline、wx.onMenuShareAppMessage 接口，即将废弃”。所以我们使用了最新的 wx.updateAppMessageShareData 、upd
uniapp封装h5微信分享方法
06-02
在 uni-app 中封装 H5 微信分享方法，可以使用以下步骤： 1. 安装 weixin-js-sdk 插件：在 HBuilderX 中打开 uni-app 项目，右键点击项目，选择“插件管理”，搜索并安装 weixin-js-sdk 插件。 2. 创建分享方法：在需要分享的页面中，创建分享方法，例如： ``` import wx from 'weixin-js-sdk'; export const share = (title, desc, link, imgUrl) => { wx.ready(() => { wx.updateAppMessageShareData({ title: title, desc: desc, link: link, imgUrl: imgUrl, success: function () { console.log('分享成功'); }, fail: function (err) { console.log('分享失败：' + err); } }); wx.updateTimelineShareData({ title: title, link: link, imgUrl: imgUrl, success: function () { console.log('分享成功'); }, fail: function (err) { console.log('分享失败：' + err); } }); }); }; ``` 其中，title 表示分享标题，desc 表示分享描述，link 表示分享链接，imgUrl 表示分享图片链接。 3. 初始化微信 SDK：在页面的 head 标签中引入微信 SDK，例如： ``` <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` 在页面加载时，调用微信 SDK，例如： ``` mounted() { const url = window.location.href.split('#')[0]; this.initWXSDK(url); }, methods: { initWXSDK(url) { axios.get('http://yourdomain.com/api/wechat/signature', { params: { url: url } }).then(res => { wx.config({ debug: false, appId: res.data.appId, timestamp: res.data.timestamp, nonceStr: res.data.nonceStr, signature: res.data.signature, jsApiList: [ 'updateAppMessageShareData', 'updateTimelineShareData' ] }); }).catch(err => { console.log(err); }); }, } ``` 其中，url 表示当前页面的链接。在 initWXSDK 方法中，通过调用后端接口获取微信 SDK 的配置信息，包括 appId、timestamp、nonceStr 和 signature 等，然后通过 wx.config 方法对微信 SDK 进行初始化。 4. 调用分享方法：在需要分享的位置调用分享方法，例如： ``` this.$share('分享标题', '分享描述', '分享链接', '分享图片链接'); ``` 需要注意的是，在使用微信 SDK 进行分享时，需要在微信公众平台中对应的应用中配置 JS 接口安全域名。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值