0.0.3 • Published 4 years ago

share-sheet v0.0.3

Weekly downloads
5
License
MIT
Repository
github
Last release
4 years ago

share-sheet

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

npm

  • 唤起 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.appIDappid
wechatOpenTag.extInfoextInfo
appInfoAPP 信息
appInfo.nameAPP 名称
appInfo.descriptionAPP 描述
appInfo.iconAPP logo
appInfo.buttonTextAPP 按钮文案
appInfo.buttonTextColorAPP 按钮文本颜色
appInfo.buttonBackgroundColorAPP 按钮背景颜色
universalLinkuniversal links
schemaUrlURL Schema
fallbackUrlfallback 链接,当打开 APP 失败时跳转到该链接