网页启动android app store,在网页中打开uniapp应用

本文详细介绍了如何在网页中配置Android原生工程以打开UniApp应用,并提供了JavaScript代码示例来唤醒APP。内容包括在`AndroidManifest.xml`中添加`intent-filter`,设置URI以及在网页中通过UA标识判断平台并跳转到应用。同时,文章提到了未来可能涉及的跳转到指定页面和传递参数的话题,但未给出具体实现。参考了多个技术文档以提供全面的指导。
摘要由CSDN通过智能技术生成

[TOC]

# 在网页中打开uniapp应用

## Android 原生工程配置

在`AndroidManifest.xml`入口的Activity中加入以下`intent-filter`:

```xml

android:name="io.dcloud.PandoraEntry"

android:theme="@style/TranslucentTheme"

android:screenOrientation="portrait"

android:configChanges="orientation|keyboardHidden|screenSize|mcc|mnc|fontScale"

android:hardwareAccelerated="true"

android:windowSoftInputMode="adjustResize">

......

```

其中,scheme就相当于协议,host就相当于域名,path就相当于路径,以上配置完整的URI为:

```

test://abc.com/entry

```

## 在网页中跳转到APP

直接上代码:

```html

唤醒APP

(function(){

/*获取UA标识,并转为小写*/

let ua = navigator.userAgent.toLowerCase();

let config = {

/*scheme:必须*/

scheme_IOS: 'test://abc.com/entry',

scheme_Adr: 'test://abc.com/entry',

download_url: document.getElementById('J-download-app').value,

timeout: 600

};

function openclient() {

let startTime = Date.now();

let ifr = document.createElement('iframe');

/*通过UA标识,判断是否是苹果系统*/

ifr.src = ua.indexOf('os') > 0 ? config.scheme_IOS : config.scheme_Adr;

ifr.style.display = 'none';

document.body.appendChild(ifr);

let t = setTimeout(function() {

let endTime = Date.now();

if (!startTime || endTime - startTime < config.timeout + 200) {

window.location = config.download_url;

}

}, config.timeout);

window.onblur = function() {

clearTimeout(t);

}

}

window.addEventListener("DOMContentLoaded", function(){

document.getElementById("J-call-app").addEventListener('click',openclient,false);

}, false);

})()

```

以上,先判断平台类型(iOS、Android),如果应用存在,打开应用,若不存在,通过URL下载应用。

## 跳转到APP并传参

TODO...

## 跳转到指定的uniapp页面

TODO...

## 参考资料

- [安卓:从网页唤醒APP](https://www.jianshu.com/p/2eb757c9c90c)

- [JS唤醒Android APP(包括在外部浏览器和WebView)](https://www.jianshu.com/p/fd040859dab5)

- [iOS平台设置UrlSchemes,实现被第三方应用调用](https://ask.dcloud.net.cn/article/64)

- [android中的scheme](https://www.jianshu.com/p/8e13860cb6da)

- [H5网页唤醒App有哪些做法](https://cloud.tencent.com/developer/article/1515181)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值