微信公众号H5分享的坑

最新推荐文章于 2024-08-29 09:43:13 发布
最新推荐文章于 2024-08-29 09:43:13 发布
阅读量753 收藏 1
点赞数
分类专栏： js 文章标签： 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33325899/article/details/120226396
版权
本文介绍了微信JSAPI的白名单注册和关键接口的使用，特别强调了`wx.updateTimelineShareData`和`wx.updateAppMessageShareData`的`imgUrl`和`link`参数必须设置为HTTPS，以确保在不同平台上的分享功能正常工作，如不使用HTTPS，可能会导致安卓设备在分享到朋友圈时失效的问题。
摘要由CSDN通过智能技术生成

 1. 先注册js api白名单

jsApiList:[
    'updateAppMessageShareData',
    'updateTimelineShareData', 
    'onMenuShareAppMessage',
    'onMenuShareTimeline', 
    'onMenuShareQQ', 
    'onMenuShareQZone'
]

2. wx.updateTimelineShareData 和 wx.updateAppMessageShareData 的imgUrl 和link 参数都设置成https ,不然会出现各种自定义分享内容成功的问题.

比如link 没有设置成https ,安卓分享朋友圈无效,ios 有效

今天又懒得加班
关注
专栏目录
微信自定义分享内容
一个有节操的码农
01-27 464
参考链接：概述 | 微信开放文档 (qq.com) 微信开放文档 (qq.com)
h5端通过微信weixin-jsapi的 updateAppMessageShareData 方法来自定义分享踩过的坑
weixin_48198130的博客
06-14 1238
插句嘴：如果是其他浏览器想分享可以使用可以参考。
wx.updateAppMessageShareData 自定义分享内容安卓无效
最新发布
qq_61869009的博客
08-29 362
情况微信公众号使用wxjsdk后分享api全都注入成功，自定义分享内容时ios正常安卓分享出去的是当前页面的url。记录wx.updateAppMessageShareData 自定义分享内容安卓无效 bug，
h5微信分享代码
08-22
h5微信分享代码详细代码，请参考腾讯微信官方h5开发文档！！！
H5 微信分享
weixin_43018356的博客
11-17 703
微信分享想要有小卡片样式，必须走公众号进去的H5才有，朋友圈也一样
H5网页实现微信分享，分享朋友圈功能（分享带图片，附源码）
热门推荐
一火的专栏
08-14 4万+
H5网页实现微信分享，分享朋友圈功能，网上的代码基本上都过期了，特基于最新的jweixin-1.6.0版本的微信分享实现，以作备忘。 1.微信分享文档及配置 1.1微信分享官网文档 地址https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#3 需要注意一下，即将废弃接口，建议不要再调用了。 1.2 appid对应的公众号是否有分享接口权限 登录公众号后，接口状态为已获得，表示有权限。如下图 ..
H5实现微信分享
MostDish_girl的博客
11-07 5429
H5实现微信分享
h5中使用微信分享
Kratial的博客
12-26 3470
单页面应用添加微信分享和页面授权功能
微信公众号H5之微信分享常见错误和问题(小结)
01-21
url转码 ...确认url是页面完整的url(请在当前页面alert(location.href.split(‘#’)...’后面的GET参数部分,但不包括’#’hash后面的部分 即获取url完成地址的方法为 let url = [removed].href.split('#')[0];...
微信公众号H5支付接口调用方法
10-17
主要介绍了微信公众号H5支付接口调用方法，微信内H5调用支付接口代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信公众号h5基础框架授权回调
03-28
简介：已实现测试公众号授权回调功能 src/api：顾名思义，放接口请求的地方 public：关于微信或者全局共用的api接口 src/assets：静态资源 src/router：路由集合 store：vue的状态管理仓库 modules：此文件夹下...
微信公众号H5游戏平台完整源码（40款h5小游戏和21款有趣的测试）可以浏览器本地测试
03-14
微信Html5游戏平台源码，包括40款h5小游戏和21款有趣的测试，大家可以直接打开浏览器本地测试。
uniapp微信公众号H5分享对应的weixin-js-sdk
02-21
uniapp微信公众号H5分享对应的weixin-js-sdk
微信h5分享好友和朋友圈
Dove言和
06-20 1376
微信自定义分享好友或朋友圈，js代码记录...html页面记得引入三个文件
微信分享 h5 实现
qq_41429765的博客
11-05 4787
最初开发的时候分享功能已经实现了，可以分享qq，qq空间，但是微信朋友，微信朋友圈分享的效果无法以分享卡片的形式体现。只有将访问h5的链接挂在公众号的自定义菜单下才可以实现微信中分享朋友圈，朋友以卡片形式展现。今天微信开发的分享就到这里了，希望我填的坑对你有所帮助。实现h5页面分享，并将分享的链接携带参数，在微信中使用。
h5项目微信分享（以卡片形式，带标题和图片）
m0_67624022的博客
07-02 2245
1. 注册成为微信开放平台开发者2. 配置安全域名3. 获取Access Token和JSAPI Ticket4. 引入微信JS-SDK5. 配置微信JS-SDK(通过后端接口获取参数) 6、wx.updateAppMessageShareData
微信H5开发遇到的坑（一）
qq_41114603的博客
10-10 1603
微信内置浏览器和其他浏览器之间差别很大；移动端微信内置浏览器和PC端微信内置浏览器也有差别； 这里例举一些本人在开发过程中遇到的问题； PC端微信内置浏览器获取dom属性的问题； function getStyle(){ if(this.currentStyle){ return this.currentStyle; } else { return ...
vue单页面项目中微信SDK的配置签名问题
weixin_33937778的博客
01-09 1121
之前做公众号开发的时候，需求编辑每个页面的分享功能，项目是vue开发的，vue-router用的是hash模式，网上看了很多相关的文章、博客，大致的观点就是每个路由都要进行微信授权，也就是wx.config()操作； 单独路由授权操作 如果只是单独的路由调用，授权时完全没有问题的，代码如下 复制代码 ajax({ url : "",//后端获取相关签...
微信公众号H5支付实战与openid获取详解
这篇文章详细介绍了微信公众号H5支付的配置、openid获取、调用统一下单接口以及后端接口开发的过程。对于正在开发微信公众号支付功能的开发者来说，这个指南提供了重要的实践指导，可以帮助他们避免常见问题并确保...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

今天又懒得加班

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值