h5中分享到ＱＱ，微信好友，朋友圈

最新推荐文章于 2025-06-26 15:28:12 发布

原创最新推荐文章于 2025-06-26 15:28:12 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信 #分享 #jsJDK

盈球-斗吧专栏收录该内容

18 篇文章

订阅专栏

本文介绍在H5中如何使用WxShare工具实现分享功能，包括初始化分享内容的步骤，如设置标题、描述、图片和链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何在h5中进行分享？

h5中写了工具WxShare，工具通过使用JSJDK实现分享功能，这里只需要使用就行

使用：由于微信没有开放直接调起发送给朋友或者朋友圈等权限，因此只能引导用户点击右上角...再手动分享，我们要做的就是初始化分享出去的内容。

1 首先声明一个变量以供使用

2 内容参数：一般设置如下几个

title:分享的标题

desc:分享的描述

imgUrl:图片

url：即用户点击分享出去的文案时，打开的链接（url可以不设置，工具内部会拿浏览器上的当前地址）

  declare  var WxShare:any;//在class外声明变量WxShare
  ......
  ......
  ...
  //分享
  wxShare(){
    let shareInfo = [
      {title:'砍砍砍，帮我砍到0元，送我一份买球宝典吧！',desc:'天天盈球，专业的赛事推荐平台'},
      {title:'帮我砍个价，你也可以免费领取这份竞彩秘籍！',desc:'天天盈球，专业的赛事推荐平台'},
      {title:'发现一本独家购彩秘籍，帮我砍个价就告诉你。',desc:'天天盈球，专业的赛事推荐平台'},
      {title:'买球之前上盈球，帮我砍个价，送我盈球大会员！',desc:'天天盈球，专业的赛事推荐平台'},
    ];

    let index = Math.floor(Math.random()*4);

    let params = {
      title:shareInfo[index].title,
      desc:shareInfo[index].desc
    };

    WxShare.initShare(-1,params);
  }