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