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

怼烎@ 2021-09-07 06:03 756阅读 0赞

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

### 我要的效果图： ###

![在这里插入图片描述][20210118181219483.png]

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

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

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

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

[20210118181219483.png]: /images/20210813/9e333e240a304584be21cc74f7920585.png
[20210118180924908.png]: /images/20210813/9ad0332420eb43939c5578c49fd083ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xpYW9GZW5nSmk_size_16_color_FFFFFF_t_70]: /images/20210813/44977544574547189e97c5b090710c8d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，756人围观）

还没有评论，来说两句吧...

相关阅读

相关微信公众号网页H5跳转微信小程序

[https://www.jianshu.com/p/5bc4589dd034][https_www.jianshu.com_p_5bc4589dd034] wx.c

比眉伴天荒/ 2023年01月15日 09:30/ 0 赞/ 160 阅读

相关微信公众号分享

微信公众号分享： async initShare () { if (isWeChat()) { let url =

系统管理员/ 2023年01月08日 11:29/ 0 赞/ 120 阅读

相关微信公众号h5支付功能

首先要配置参数：jsApiList：\["chooseWXPay"\] // 获取微信配置 function getconfig(){

左手的ㄟ右手/ 2022年11月26日 15:59/ 0 赞/ 219 阅读

相关微信公众号---微信公众号跳H5，H5网页授权获取用户信息

需求描述：在微信公众号中，跳转到第三方H5网站，第三方H5网站可以获取微信用户信息。官方API: [微信公众号网页授权][Link 1

电玩女神/ 2022年09月09日 06:03/ 0 赞/ 289 阅读

相关微信公众号支付H5调用支付详解

原文地址：http://blog.csdn.net/fengshizty/article/details/45564685 微信公众号支付最近项目需要[微信

谁借莪１个温暖的怀抱￠/ 2022年06月01日 01:13/ 0 赞/ 800 阅读

相关 vue微信公众号、H5微信支付

1.H5微信支付后台会返回一个URL，前端直接跳转就OK(需要你传给后台一个ip,必须保证在同一域名下) 使用window.location.href =res.data

我会带着你远行/ 2021年11月26日 22:44/ 0 赞/ 577 阅读

相关 H5开发微信公众号

利用H5开发微信公众号一、首先授权配置公众号设置 --》功能设置设置业务域名! ![自定义菜单][SouthEast] 这里的MP\_ve

梦里梦外;/ 2021年09月16日 02:08/ 0 赞/ 738 阅读

相关微信公众号H5 - 使用vue开发微信公众号网页

应项目需求，最近我开始了我的第一次微信公众号网页的开发，第一次接触到公众号网页的我是很懵逼的。通过了解并实现了需求的我下面来进行讲解一下，希望可以帮助到有需要的朋友。ps：

小鱼儿/ 2021年09月07日 06:12/ 0 赞/ 823 阅读

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

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

怼烎@/ 2021年09月07日 06:03/ 0 赞/ 757 阅读

相关微信公众号授权H5页面

一、为何通过微信公众号授权官方: 如果用户在微信客户端中访问第三方网页，公众号可以通过微信网页授权机制，来获取用户基本信息，进而实现业务逻辑

曾经终败给现在/ 2021年09月03日 03:00/ 0 赞/ 770 阅读