微信公众号H5 - 关于微信公众号h5网页实现分享图片

近期，因为产品需求，要在公众号上面实现分享图片的功能，后面发现用了weixin-js-sdk方法分享出来的图片是一个链接的形式分享的。如下图：

我要的效果图：

使用weixin-js-sdk分享的效果图：你应该发现了吧，这是一个链接而不是一张图片。

这个效果跟实际上要求的差别不是一般的大。我也是做完了这个分享功能才发现公众号是没有分享图片的功能的，不过如果有需要的话可以通过长按图片的方式进行分享，这里就需要先将你需要分享的网页使用canvas转换成图片之后才可以进行长按图片分享啦（ps：可以使用html2canvas方法实现）。

ps：在使用updateAppMessageShareData方法的时候也是遇到的挺多问题的。比如说：

需要先通过config接口注入权限验证配置，这里需要的数据需要后台拿到给你才行
需要在wx.ready函数里面调用wx.updateAppMessageShareData才行等等

微信公众号H5 - 关于微信公众号h5网页实现分享图片相关推荐

java微信公众号支付开发平台_Java微信公众平台开发之公众号支付（微信内H5调起支付）...
官方文档准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败) 借鉴了很多大神的文章,在此先谢过了整个支付流程,看懂就很好写了一.设置支付目录在微信公众平台设置您的公众号 ...
2021最新外卖霸王餐小程序、H5、微信公众号版外系统源码|霸王餐美团/饿了么系统粉丝裂变玩源码下载
2021年了,你还在用淘宝客吗?赶紧跟上互联网的大势吧,外卖cps就是cps人群趋势! 个人.个体.企业均可使用外卖霸王餐小程序.H5.微信公众号版外系统源码|霸王餐美团/饿了么系统粉丝裂变玩 2 ...
支付宝H5，微信H5，微信公众号支付回调
业务场景应公司需求,需要在项目中接入支付宝h5支付,微信h5支付和微信公众号支付功能,本编主要讲述支付踩坑和h5支付后跳转的回调问题微信h5支付微信h5支付时需要校验下单域名,微信从refere ...
微信H5和微信公众众号图文制作
微信H5和微信公众众号图文制作今天花了5个小时,把maka H5制作和微信订阅号的群发图文编辑搞清楚了眼睛充血中,修图太费眼睛 H5有很多模板,除了maka还有其他的一些平台,如果不太追求质量 ...
H5微信公众号开发，微信支付
(如需完整代码,开发遇到什么问题,可与本人联系,代码给大家下载并帮你解决问题,微信号:1131237188) 1.公众号开发,首先需要微信公众号的appId,secret 相当于账号密码 2.到公众号 ...
微信支付开发（只针对公众号里的h5支付JSAPI）
微信支付后台: https://pay.weixin.qq.com 只有这里设置了,程序中才能使用这个key /*** 微信支付统一下单接口** @param userOrder 订单信息* @ret ...
Java微信支付开发之公众号支付（微信内H5调起支付）
官方文档准备工作:已通过微信认证的公众号,必须通过ICP备案域名(否则会报支付失败) 借鉴了很多大神的文章,在此先谢过了整个支付流程,看懂就很好写了一.设置支付目录在微信公众平台设置您的公众号 ...
H5微信公众号，如何在页面点击按钮打开分享面板【求助】
1.使用了weixin-js-sdk,只实现了自定义右上角的分享功能安装命令: npm install weixin-js-sdk --save import wx from 'weixin-js- ...
springboot+h5页面+微信公众号获取微信用户信息
springboot项目,h5页面通过微信公众号获取微信用户信息最近本人有一个项目需求,微信公众号里点击一个菜单进入一个商城购物系统. 对于在微信公众号还是小白的我来说难度有点大,但是做完后发现也就 ...
微信h5支付和公众号支付、支付宝h5支付
1.微信h5支付: 首先是支付参数的构建,这个需要通过后台进行组装,后台会跟微信进行数据的交互,而你所需要做的是拿到返回的数据,然后传递给微信的JSSDK,由微信的JSSDK进行后续操作,比如说先跳转 ...

微信公众号H5 - 关于微信公众号h5网页实现分享图片

我要的效果图：

使用weixin-js-sdk分享的效果图：你应该发现了吧，这是一个链接而不是一张图片。

ps：在使用updateAppMessageShareData方法的时候也是遇到的挺多问题的。比如说：

微信公众号H5 - 关于微信公众号h5网页实现分享图片相关推荐

最新文章

热门文章