lovoror / js-arouse-app

移动端在微信、微博、QQ、Safari 唤起 App 的解决方案

概述

使用js唤起Native下的App，在 QQ、微博、微信中的简单库文件，只需要配置三项，库来帮你完成所有情况的唤起

用法

• js：直接引用./js/arouse.js到 HTML 中
• ts：如果你项目基于ts，请使用把ts目录下所有文件拷贝到项目中

ts 结构

• Browser.ts为判断系统、浏览器，不涉及业务
• AppLink.ts为判断环境，跳转相应操作，为主要代码
• IBrowser.ts和IAppLink.ts为相应的约束接口

使用

• 引入 AppLink和IAppLink
• 配置必须的信息(js 版不用添加 IAppLink 约束，其他一样)

let config: IAppLink = {
    // 和app协定的scheme
    schema: 'mtlf://scheme?p=home',
    // iOS下的App在appstore的地址
    appstore: '//itunes.apple.com/cn/app/%E4%BE%83%E4%BE%83%E7%8C%A9/id1267259289?mt=8',
    // 应用宝的地址
    yyb: '//a.app.qq.com/o/simple.jsp?pkgname=com.mtime.lookface&fromcase=40002'
}

• 初始化

let applink = new AppLink(config)
applink.open()

为什么没有 demo

因为把这个页配置成universal link，必须使用域名直接访问，使用localhost或ip访问，效果会很差，所以只提供源码，demo 在博客中可以扫码体验。

技术细节及流程，请参照：js 在微信、微博、QQ、Safari 唤起 App 的解决方案