微信 H5 页面兼容性——转发给朋友

微信公众号页面提供了转发给朋友的功能，如果没有设置隐藏“发送给朋友”，就可以转发给朋友。

wx.hideMenuItems({
  menuList: [
    'menuItem:share:appMessage' // 发送给朋友
  ], // 要隐藏的菜单项
});

转发给朋友后，朋友可能会看到三种不同的分享内容。

1. 分享内容

1.1. 微信默认分享卡片

该卡片包含了：

• 页面标题
• 该页面访问地址

1.2. 自定义分享卡片

该卡片包含了：

• 页面标题
• 分享描述
• 该页面访问地址
• 分享图片

1.3. 超链接

一个可以访问分享页面的超链接。这个超链接和微信公众号打开该页面，选择“复制链接”，得到的是一样的内容。

• 如果从超链接进入，在“转发给朋友”，就是第三种，对方收到的就是超链接。
• 如果没有自定义设置分享配置，就是第一种，对方收到的就是微信的默认分享卡片。
• 如果自定义设置分享配置，就是第二种，对方收到的就是自定义分享卡片。

微信打开h5链接分享出去都是链接了，因为微信针对外部链接内容进行了规范管理。链接进入再分享就是链接了。

2. 自定义“转发给朋友”的分享内容

wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
  wx.updateAppMessageShareData({ 
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () {
      // 设置成功
    }
  })
});

设置分享前需要先：

• 绑定域名
• 引入JS文件
• 通过config接口注入权限验证配置
• 通过ready接口处理成功验证

分享的配置就是写在 ready 接口中的。具体参看JSSDK使用步骤

最后可选

• 通过error接口处理失败验证