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

最新推荐文章于 2024-08-29 09:43:13 发布

m0_57530416

最新推荐文章于 2024-08-29 09:43:13 发布

阅读量1.7k

点赞数

文章标签： javascript vue.js 前端框架

本文链接：https://blog.csdn.net/m0_57530416/article/details/124105562

版权

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

m0_57530416

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信h5实现分享给朋友url改变_h5微信自定义分享

weixin_28687807的博客

12-23

697

为了h5页面在微信分享效果更好，我们接入了 h5 微信sdk，下面对接入流程总结。1、在项目中引用微信的js-sdk2、在微信公众平台绑定安全域名3、配置config在1,2步操作成功后，进入我们写代码正题，我们需要在入口js中配置configwx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，...

uni 微信h5 使用jssdk 调用分享扫码功能

birdsnotbirds的博客

04-21

1489

首先安装jssdk 调用微信的功能主要是初始化jssdk 当然也要保证实在微信浏览器中判断是在微信中 isWechat: function() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/micromessenger/i) == 'micromessenger') { return true;...

参与评论您还未登录，请先登录后发表或查看评论

vue实现微信分享链接添加动态参数的方法

01-19

微信分享时分享链接携带参数可能不是固定的需要在分享的前一刻才知道这里就是动态设置分享链接的基本写法代码不是那么详尽但大致流程如下 1.安装引用jssdk npm install --save weixin-js-sdk const wx=require('weixin-js-sdk') 2.通过config接口注入配置信息 const jsApiList = ['onMenuShareQQ', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineSh

h5端通过微信weixin-jsapi的 updateAppMessageShareData 方法来自定义分享踩过的坑

weixin_48198130的博客

06-14

1475

插句嘴：如果是其他浏览器想分享可以使用可以参考。

wx.updateAppMessageShareData 自定义分享内容安卓无效

最新发布

qq_61869009的博客

08-29

574

情况微信公众号使用wxjsdk后分享api全都注入成功，自定义分享内容时ios正常安卓分享出去的是当前页面的url。记录wx.updateAppMessageShareData 自定义分享内容安卓无效 bug，

微信分享链接拼接参数重定向后参数失效的问题

qq_39933787的博客

12-16

1404

前提：使用vue开发微信公众号，需求需要在链接中添加一个参数用来判断该分享链接来自朋友圈还是好友常规操作：在wx.onMenuShareTimeline和wx.onMenuShareAppMessage这两个方法中的link后分别拼接参数&fromShare=toCircleFriends和&fromShare=toFriends 出现问题：获取不到拼接的参数问题分析：微信将没有转义的参数视为无效的参数，重定向时将参数给截取掉了解决方案：拼接链接改为%26fromShare%3

微信调用updateAppMessageShareData问题

weixin_42290377的博客

11-23

1万+

HI想必大家都遇到了微信官方分享功能的BUG了吧, 具体就是调用updateAppMessageShareData方法后配置检查都返回OK状态但是不能调用分享面板了其实,问题就是官方在不久之前更新了分享机制…所以这个方法只是"预设分享文案",并不是触动分享功能微信分享机制更新： 1) 私聊如果直接发的链接地址，打开会有打开外链提示，且没有分享到朋友圈和发送给好友按钮； 2) 如果私聊发送微信分享后的安全链接，可以正常打开，且可分享； 3) 如果群聊发送链接地址或微信安全链接，也可以正常打开，且

微信sdk使用分享朋友功能时，跳转链接#后面参数无效

javascript和jq设置金额整数与小数点后面的字体大小

08-16

539

在微信中分享到朋友圈或好友时，分享出去的路由被破坏，打开分享的链接，路由中的“#”会被去掉并追加？fromTimeline之类的后缀参数，这就造成了分享出去的链接只能进入首页，无法正常跳转到其他路由。由于微信会在hash #号前添加字段，就需要解决我们手动拼接这个分享链接。两种方式1.http://web.ehoo100.com/static/matrix/#/teamwork?postId=${this.postId} 2.(window.location.href).replace(windo.

微信JS-SDK updateAppMessageShareData安卓不能自定义分享详解

01-19

最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。微信开发文档这样写的自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.ready(function () {...

JS实现微信里判断页面是否被分享成功的方法

01-19

本文实例讲述了JS实现微信里判断页面是否被分享成功的方法。分享给大家供大家参考，具体如下： var shareData = { img_url: , img_width: 200, img_height: 200, link: '', desc: '', title: '', appid: 0 }...

不同平台使用不同技术实现微信好友、朋友圈分享汇总（H5、taro、uni-app）

weixin_36989919的博客

04-18

5969

人生路漫漫，坑，是活久了见。程序猿世界里各种奇葩的需求都有，随之而来的各种坑也是层出不穷。应前IBM同事邀请特来做分享的专题总结。事情前情概述，昨天IBM的同事前来咨询我怎样实现微信分享功能。经过一系列的细细道来。原来他们前端是用uniapp开发的一个app，现在要实现分享功能。他们前端的小伙伴没有这方面的经验，折腾了半天没有眉目。那么接下来我从以下三个方面来解剖如何实现分享。说白了，对于分享功能来说，是一个非常普遍而又常见的功能。但是面临不同的环境、不同的技术栈确实有点头大。

微信分享报错errMsg: “updateAppMessageShareData:fail, the permission value is offline verifying“

热门推荐

qq_34164814的博客

09-26

2万+

微信分享报错errMsg: "updateAppMessageShareData:fail, the permission value is offline verifying"1.可能是手机微信版本不支持最新的分享方法，可以尝试使用旧版本2.使用的方法应该先声明一下，确定你使用的方法声明了。3.如果上面的两种方法都做了，或者之前运行没问题，也没改代码，就报错了，可能就是你的微信公众号认证到期了，记得去申请一下。之前写的微信分享的功能，今天突然发现分享配置不对，排查下，发现报此错误；总结一下，希望可以给大

updateAppMessageShareData接口不起作用

vvvjack7的博客

04-07

9856

记录updateAppMessageShareData,updateTimelineShareData设置无效的坑

donjan的博客

04-20

6435

按照开发文档已设置好 updateAppMessageShareData updateTimelineShareData 接口权限微信开发工具也显示 updateTimelineShareData:ok updateAppMessageShareData:ok 表明设置成功，但是转发仍然无效，微信jssdk为jweixin-1.6.0.js版本 1、jsApiList把旧接口也都加上 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出

微信自定义分享网页提示updateTimelineShareData:ok 但是分享不成功

qq_23994725的博客

07-17

672

微信打开提示updateTimelineShareData:ok和updateAppMessageShareData:ok，但是分享出来依然是链接，并没有配置成功之后的分享样式。原因是微信分享的配置网页，只有通过公众号/扫码/分享卡片这些渠道打开，才能分享，直接在微信打开某一个链接，分享出来的依然是链接，不必纠结。

微信 updateAppMessageShareData ios分享不出来标题内容

asd2437252087的博客

02-24

1494

微信 updateAppMessageShareData

微信公众号自定义分享，updateAppMessageShareData都成功了，为什么分享出去的是个链接？

Jana Jing的分享

05-06

8318

请注意，原有的wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone接口，即将废弃。请尽快迁移使用客户端6.7.2及JSSDK 1.4.0以上版本支持的 wx.updateAppMessageShareData、wx.updateTimelineShareData接口。注意： 1、目前还可以从公众号菜单进入分享、访问网页后添加到收藏，从我的收藏进入分享正常。 2、其他入口...

h5 微信分享，使用updateTimelineShareData ，title和图片也不展示问题

拿回忆下酒

03-21

4888

h5 微信分享，使用updateTimelineShareData ，title和图片也不展示问题

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 接口安全域名。