k***@gmail.com
k***@gmail.com
  • 发布:2024-06-22 17:59
  • 更新:2024-06-22 17:59
  • 阅读:173

Vue H5网页唤起基于uniapp开发的app应用如果未安装则下载安装

分类:uni-app

1、App配置 scheme 标识(安卓和ios尽量配置成一样的名称)

    1.1、如果只是唤起app则可以直接打包自定义基座  
    1.2、如果需要唤起指定的app页面,如打开商品详情,则需要完成第6步再进行打包操作  

2、下载安装callapp-lib 下载命令 npm install callapp-lib -S
3、引入 callapp-lib 插件 import CallApp from "callapp-lib";
4、配置 相关参数

配置参数
const arouseAPP = () => {
const options = {
scheme: {
protocol: "", //ios schema标识
},
intent: {
//打开安卓标识
package: "com.tencent.mm", //安卓协议 com.tencent.mm(应用包名)
scheme: "",
},
appstore: '', //App Store地址
yingyongbao: '', //应用宝地址
timeout: 3000, //等待唤端的时间(单位: ms),超时则判断为唤端失败。
};
const callLib = new CallApp(options);
callLib.open({
path: "pages/index/productDetail/productDetail",//打开App指定页面(页面路径,不打开指定页面就不填)
param: {
id: productId //打开App页面携带的参数
},
fallback: function () {
console.warn("警告-------------:唤起APP失败");
//打不开具体处理

},  

});
};
5、App端被唤起后跳转逻辑需要处理一下

0 关注 分享

要回复文章请先登录注册