share-sheet

Share Sheet 是一个基于 Vue.js 的用于 Web 打开 APP 客户端的一体化方案，兼容 iOS 与 Android，支持微信开放标签 <wx-open-launch-app>

• 唤起 APP 的逻辑详见 yypkg/appCall
• UI 组件建议通过 git clone 直接放到项目中使用，如使用 npm 安装，请配置 vue loader；

DEOM

使用

git clone https://github.com/yyued/share-sheet.git

import shareSheet from '@/components/share-sheet'
Vue.use(shareSheet)

// 初始化
const url = encodeURIComponent(window.location.href)
this.$shareSheet({
  wechatOpenTag: {
    enable: true,
    appID: 'xxx',
    extInfo: ''
  },
  appInfo: {
    name: 'FIMO',
    description: '还原真实胶卷体验',
    icon: 'https://iovo-oss.yy.com/upload/1599048092406236UUHtCU.png',
    buttonText: '打开',
    buttonTextColor: '#fff',
    buttonBackgroundColor: '#121212'
  },
  universalLink: `https://fimoapp.com?url=${url}`,
  schemaUrl: `fimo://fimoapp.com?url=${url}`,
  fallbackUrl: 'https://fimoapp.com'
})

参数

参数	是否必填	默认值	说明
wechatOpenTag	否	空	微信开放标签 <wx-open-launch-app> 相关参数
wechatOpenTag.enable	空	否	使用启用微信开放标签
wechatOpenTag.appID	空	否	appid
wechatOpenTag.extInfo	空	否	extInfo
appInfo	空	否	APP 信息
appInfo.name	空	否	APP 名称
appInfo.description	空	否	APP 描述
appInfo.icon	空	否	APP logo
appInfo.buttonText	空	否	APP 按钮文案
appInfo.buttonTextColor	空	否	APP 按钮文本颜色
appInfo.buttonBackgroundColor	空	否	APP 按钮背景颜色
universalLink	空	否	universal links
schemaUrl	空	否	URL Schema
fallbackUrl	空	否	fallback 链接，当打开 APP 失败时跳转到该链接