當前位置：首頁 >

cordova打开文件_Cordova开发App入门（四）打开及下载第三方App

發布時間：2025/3/19 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 cordova打开文件_Cordova开发App入门（四）打开及下载第三方App 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

前言

在開發app時經常會碰到這種需求：我要在A應用中打開B應用，那么用Cordova如何實現呢？

欲知后事如何，且聽下回分解......

...

大大大大佬，別，別打我，我繼續寫還不行了嗎。

本文涉及到的知識點

1.檢測第三方應用

2.使用內置瀏覽器啟動第三方應用

3.appt解析第三方Apk安裝包，或許必要的信息

4.下載第三方安裝包

5.下載完成后打開第三方安裝包

注：本文測試的方式為兩種，一種是已在系統中安裝完成的，一種是尚未安裝的

請先瀏覽相關文章

安裝相關插件

1. startApp(打開第三方應用)

cordova plugin add https://github.com/lampaa/com.lampa.startapp.git

2. appavailability(檢測第三方App是否存在)

cordova plugin add cordova-plugin-appavailability --save

3. inappbrowser(應用內置瀏覽器)

cordova plugin add cordova-plugin-inappbrowser

4. file-transfer (下載文件)

cordova plugin add cordova-plugin-file-transfer

代碼實現

1. html

打開百度地圖

data-download-url="http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d">DBlog

zyd.openApp.init();

屬性含義

1.data-scheme 對應app的package

2.data-activity 對應app的啟動類

3.data-title 對應第三方app的名字

4.data-download-url 對應第三方app的下載地址(當且僅當app不存在時才會調用)

2.主要的Javascript代碼

/**

* 打開第三方app

open: function(){

console.log(">>>> 打開" + zyd.openApp._title);

console.log(">>>> " + zyd.openApp._scheme);

console.log(">>>> " + zyd.openApp._activity);

console.log(">>>> " + zyd.openApp._downloadUrl);

// 檢測第三方app是否存在，appAvailability.check(scheme, successCallback, errorCallback)

appAvailability.check(

zyd.openApp._scheme,

function() {

console.log(zyd.openApp._scheme + ' is available :)');

// 打開第三方app：【1】

var sApp = startApp.set({

"application": zyd.openApp._scheme

});

sApp.start(function(compete) {

console.log(">>>> 已打開APP。" + compete);

}, function(error) {

console.error(">>>> 打開失敗。" + error);

}, function(result, requestCode, resultCode) {

console.log(">>>> " + JSON.stringify(result) + ", " + requestCode + ", " + resultCode);

});

function() { // Error callback

console.error(">>>> " + scheme + ' 對應的App不存在，開始嘗試下載App');

zyd.openApp.downloadApk();

}

);

注：【1】處打開第三方App時需要獲取第三方App的相關信息，大致包括package和main activity，獲取方式，請參考如何獲取第三方Apk的包名等信息

/**

* 下載第三方app

downloadApk: function() {

if(!zyd.openApp._downloadUrl) {

console.error("未設置downloadUrl！已終止下載App...");

return;

}

console.error(">>>> download Apk: " + zyd.openApp._downloadUrl);

//下載文件

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function (fs) {

fs.root.getFile('test1.apk', { create: true }, function (fileEntry) {

console.log("=========" + JSON.stringify(fileEntry));

var fileName=fileEntry.toURL().slice( fileEntry.toURL().lastIndexOf('/')+1);

var targetPath = cordova.file.externalDataDirectory;//cordova.file.documentsDirectory;//'cdvfile://localhost/persistent/apk/';//注意！

var filePath=targetPath+fileName

zyd.openApp._download(filePath);

}, function (errorHandle) {

console.log(">>>> 下載文件失敗: " + errorHandle);

});

}, function (errorHandle) {

console.log(">>>> 下載文件失敗: " + errorHandle);

})

/**

* 下載

_download: function(filePath) {

var ft = new FileTransfer();

//監聽下載進度

ft.onprogress = function (e) {

if (e.lengthComputable) {

var progress = e.loaded / e.total * 100;

$("#progress").css({"width": progress + "%"});

$("#progress").html(progress + "%");

}

ft.download(zyd.openApp._downloadUrl, filePath, function (entry) {

console.log('下載成功');

console.info(JSON.stringify(entry));

console.log('文件位置：' + entry.toURL());

}, function (err) {

console.log("下載失敗！");

console.info(JSON.stringify(err));

}, null, {});

}

模擬器測試

注：測試用例中的百度地圖已在模擬器上安裝完成，理論上測試結果為：百度地圖可以直接打開，而另一例【Dblog】應用則需要下載

測試打開百度地圖

查看控制臺日志

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 130 : >>>> 打開百度地圖

I/Web?Console: >>>> 打開百度地圖 at file:///android_asset/www/js/biz.common.js:130

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 131 : >>>> com.baidu.BaiduMap

I/Web?Console: >>>> com.baidu.BaiduMap at file:///android_asset/www/js/biz.common.js:131

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 132 : >>>> com.baidu.baidumaps.WelcomeScreen

I/Web?Console: >>>> com.baidu.baidumaps.WelcomeScreen at file:///android_asset/www/js/biz.common.js:132

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 133 : >>>> undefined

I/Web?Console: >>>> undefined at file:///android_asset/www/js/biz.common.js:133

D/dalvikvm: GC_CONCURRENT freed 315K, 7% free 9262K/9880K, paused 1ms+1ms, total 4ms

D/dalvikvm: WAIT_FOR_CONCURRENT_GC blocked 2ms

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 138 : com.baidu.BaiduMap is available :)

I/Web?Console: com.baidu.BaiduMap is available :) at file:///android_asset/www/js/biz.common.js:138

D/CordovaActivity: Paused the activity.

W/PluginManager: THREAD WARNING: exec() call to startApp.start blocked the main thread for 47ms. Plugin should use CordovaInterface.getThreadPool().

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 144 : >>>> 已打開APP。OK

I/Web?Console: >>>> 已打開APP。OK at file:///android_asset/www/js/biz.common.js:144

W/IInputConnectionWrapper: showStatusIcon on inactive InputConnection

測試打開DBlog

查看控制臺日志

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 12 : >>>> 打開DBlog

I/Web?Console: >>>> 打開DBlog at file:///android_asset/www/js/biz.common.js:12

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 13 : >>>> com.yadongzhang.owp

I/Web?Console: >>>> com.yadongzhang.owp at file:///android_asset/www/js/biz.common.js:13

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 14 : >>>> com.uzmap.pkg.EntranceActivity

I/Web?Console: >>>> com.uzmap.pkg.EntranceActivity at file:///android_asset/www/js/biz.common.js:14

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 15 : >>>> http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d

I/Web?Console: >>>> http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d at file:///android_asset/www/js/biz.common.js:15

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 33 : >>>> com.yadongzhang.owp 對應的App不存在，開始嘗試下載App

E/Web?Console: >>>> com.yadongzhang.owp 對應的App不存在，開始嘗試下載App at file:///android_asset/www/js/biz.common.js:33

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 40 : >>>> download Apk: http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d

E/Web?Console: >>>> download Apk: http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d at file:///android_asset/www/js/biz.common.js:40

W/AssetFilesystem: Asset manifest not found. Recursive copies and directory listing will be slow.

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 45 : ========={"isFile":true,"isDirectory":false,"name":"test1.apk","fullPath":"/test1.apk","filesystem":"","nativeURL":"file:///data/data/com.zyd.cordova/files/files/test1.apk"}

I/Web?Console: ========={"isFile":true,"isDirectory":false,"name":"test1.apk","fullPath":"/test1.apk","filesystem":"","nativeURL":"file:///data/data/com.zyd.cordova/files/files/test1.apk"} at file:///android_asset/www/js/biz.common.js:45

D/FileTransfer: download http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d to file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk

D/FileTransfer: Download file:http://downloadpkg.apicloud.com/app/download?path=http://7zmssi.com1.z0.glb.clouddn.com/b3bf6ca124fb52aa2d51350262313c9d_d

D/dalvikvm: GC_CONCURRENT freed 1296K, 14% free 8921K/10356K, paused 0ms+1ms, total 4ms

D/dalvikvm: GC_CONCURRENT freed 400K, 14% free 8917K/10356K, paused 2ms+0ms, total 7ms

D/dalvikvm: GC_CONCURRENT freed 389K, 14% free 8914K/10356K, paused 3ms+1ms, total 6ms

D/dalvikvm: GC_CONCURRENT freed 391K, 14% free 8914K/10356K, paused 0ms+0ms, total 5ms

D/dalvikvm: GC_CONCURRENT freed 390K, 14% free 8918K/10356K, paused 0ms+0ms, total 3ms

D/FileTransfer: Saved file: file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 71 : 下載成功

I/Web?Console: 下載成功 at file:///android_asset/www/js/biz.common.js:71

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 72 : {"isFile":true,"isDirectory":false,"name":"test1.apk","fullPath":"/test1.apk","filesystem":"","nativeURL":"file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk"}

I/Web?Console: {"isFile":true,"isDirectory":false,"name":"test1.apk","fullPath":"/test1.apk","filesystem":"","nativeURL":"file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk"} at file:///android_asset/www/js/biz.common.js:72

D/SystemWebChromeClient: file:///android_asset/www/js/biz.common.js: Line 73 : 文件位置：file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk

I/Web?Console: 文件位置：file:///mnt/sdcard/Android/data/com.zyd.cordova/files/test1.apk at file:///android_asset/www/js/biz.common.js:73

OK，文件已下載成功！但是此處還有個問題就是：下載完成后的apk文件并不會自動安裝，這樣的話，還需要用戶手動去安裝，十分不便。那么，cordova中是否有打開第三方app的插件呢？

答案很顯然，沒有的話我在這吧吧個毛呢？

接下來就需要安裝另外一個插件：file-opener2(打開文件)

cordova plugin add https://github.com/pwlin/cordova-plugin-file-opener2.git

改造下相關js：_download方法

/**

* 下載

_download: function(filePath) {

var ft = new FileTransfer();

//監聽下載進度

ft.onprogress = function (e) {

if (e.lengthComputable) {

var progress = e.loaded / e.total * 100;

$("#progress").css({"width": progress + "%"});

$("#progress").html(progress + "%");

}

ft.download(zyd.openApp._downloadUrl, filePath, function (entry) {

console.log('下載成功');

console.info(JSON.stringify(entry));

console.log('文件位置：' + entry.toURL());

// 打開apk安裝包

cordova.plugins.fileOpener2.open(

entry.toURL(),

'application/vnd.android.package-archive',

{

error : function(e){

alert('失敗status:'+JSON.stringify(e)+ " 路徑："+entry.toURL() )

success : function(){

alert("安裝完成后請重新打開。");

}

});

}, function (err) {

console.log("下載失敗！");

console.info(JSON.stringify(err));

}, null, {});

}

重新運行項目

查看控制臺日志

D/CordovaActivity: Started the activity.

D/CordovaActivity: Resumed the activity.

W/EGL_emulation: eglSurfaceAttrib not implemented