1、app配置 scheme 标识(安卓和ios尽量配置成一样的名称)
1.1、如果只是唤起app则可以直接打包自定义基座
2.2、如果需要唤起指定的app页面,如打开商品详情,则需要完成第6步再进行打包操作
2、下载安装callapp-lib 下载命令 npm install callapp-lib
3、引入 callapp-lib 插件 import CallApp from "callapp-lib";
4、配置 相关参数
const openApp = () => {
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/shop/goodsDetail/index",//打开app指定页面(页面路径,不打开指定页面就不填)
param: {
id: query.id //打开app页面携带的参数
},
callback: function () {
console.log("唤端失败的处理");
window.location.href = appData.android;
},
});
};
5、第一步和第四步联合配置图解
6、app端被唤起后跳转逻辑处理。 demo解释:第一步配置的scheme 标识
6.1、页面跳转成功后 执行plus.runtime.argunments = "" 是为了防止 从跳转的页面返回上一页面后,将app切换至后台后,再次切换app显示时,又跳到h5唤起的那个页面