mip-share 分享

提供页面内分享按钮功能，默认分享当前网址。

示例

基本使用

<div class="mip-share-container">
  <mip-share></mip-share>
</div>

fixed 布局

<div class="mip-share-container">
  <mip-share
    layout="fixed"
    width="200"
    height="158">
  </mip-share>
</div>

自定义微信分享

<div class="mip-share-container">
  <mip-share
    title="分享标题"
    content="分享内容"
    icon="https://m.baidu.com/se/static/pmd/pmd/share/images/bdu.jpg"
    wechatAPI="//xx.yy.com/getToken"
    layout="responsive"
    width="414"
    height="158">
  </mip-share>
</div>

属性

url

说明：分享出去的网址

必选项：否

类型：字符串

取值范围：URL

默认值：当前页面的 URL

title

说明：分享出去的标题

必选项：否

类型：字符串

content

说明：分享出去的内容

必选项：否

类型：字符串

icon

说明：分享出去的图标

必选项：否

类型：字符串

取值范围：URL

wechatAPI

说明：获取微信动态签名接口

必选项：否

类型：字符串

取值范围：URL (不能带有http://,https://，示例：//xx.yy.com/getToken，参考示例

debug

说明：开启微信环境下的 debug 调试模式

必选项：否

类型：Boolean

注意：debug 参数只会在微信环境生效。

注意事项

分享到微信好友和微信朋友圈，在手机百度和 QQ 浏览器上显示是因为 <mip-share> 组件调用浏览器的 API，在其他浏览器上没有可用 API，所以分享按钮不显示或显示不全。

获取微信动态签名接口返回数据格式参考

通常情况下，直接使用 <mip-share> 组件提供的默认的二次分享获取签名的 API 即可，当开发者需要使用自己的微信 jssdk 签名的时候，wechatAPI 签名接口必须返回 jsonp 格式

_box_jsonp1532926508317(
  {
    "errno":0,
    "errmsg":"SUCCESS",
    "data":{
      "appId":"wxadc1a0c6b9096e89",
      "nonceStr":"UFZnVMBn2DmVYE52",
      "timestamp":1532926508,
      "url":"https://mipstatic-baidu-com.mipcdn.com/c/s/mipstatic.baidu.com/static/mip-static/mip-story/story-cherry/cherry.html",
      "signature":"437f53a8242a492e5f5e7c0d3dde72e1e103fb8d"
    },
    "time":1532926508,
    "hasFlush":true,
    "format":"jsonp"
  }
)

其中，动态签名必须包含在data下，获取签名的算法详见微信 jssdk 开发文档 中关于「JS-SDK使用权限签名算法」的介绍。