好物快应用、H5端开发小结
# 一、deepLink跳转
# 1.1 快应用中呼起deepLink
第一步:检测是安装了app
前提条件:需要知道app的包名
// 判断用户是否安装了app
export const checkInstalledApp = (pkg_name) => {
const pkg = require('@system.package')
return new Promise((resolve,reject)=>{
pkg.hasInstalled({
package: pkg_name,
success: function (data) {
resolve(data.result) //返回true、false
},
fail: function (data, code) {
reject(code)
}
})
})
}
@前端进阶之旅: 代码已经复制到剪贴板
第二步:调起deepLink
let pkg = 'com.newsqq.fda' // 传入包名
let deep_link = '' // 跳转到app的地址
let params = {}
checkInstalledApp(pkg).then(hasInstalledApp=>{
// 用户已经安装了app, deep_link直接跳转
if(hasInstalledApp && deep_link){
params = {uri:deep_link}
}else{ // 否则跳转到H5地址
params = {
uri:'Webview',//对应于manifest中的配置
params:{
url,
title:goods_name
}
}
}
this.$app.$def.router.push(params)
})
@前端进阶之旅: 代码已经复制到剪贴板
# 1.2 H5页面呼起快应用
引入快应用官方提供的代码,这里做了一下处理