作为经常与安卓打交道的开发人员,apk安装是一件很频繁的事，但无奈一直找不到一款简洁的pc应用，可以作为apk默认打开方式，打开后直接安装到选定的安卓设备。那就自己撸一款pc应用吧。

(文章末尾附带源码与最终效果)

需求设计：

可作为apk类型文件默认打开方式；

可枚举当前已连接电脑的可用安卓设备；

有安装状态展示；

...

可行性分析：

主要功能是需要传输apk到手机，并命令手机安装这个文件，从安卓开发的角度来看，adb就可以完成这些事，它提供了一系列的命令，来支持PC与手机的数据交互。

结合以上分析，就可以大致构思下产品原型啦。

技术调研：

针对PC应用开发小白，PC端应用开发当然使用时下流行的electron，它提供了友善的运行环境与较低的学习成本，能满足大部分PC应用开发需求。

开发调试：

electron应用的项目结构基于nodejs。此处使用了electron@10.0.0，先是初始化项目：

npm init

npm install --save-dev electron@10.0.0

这里初始化可以参考官网教程

接下来就是编写业务逻辑了，详细代码可以参考底部源码链接，此处介绍下主要功能函数。

检查软件运行环境：

如果电脑没有adb环境变量配置是无法运行的

/**

* 检查是否有adb环境

*/

async function chcekAdbEnv() {

const { error, stdout, stderr } = await execPromisefy('adb version');

if (error) {

console.error('listDevices|error:', error);

throw e;

}

if (stderr) {

console.error('listDevices|stderr:', stderr);

throw e;

}

return stdout;

}

枚举设备信息：

该函数输出当前的设备id数组

/**

* 枚举当前已连接安卓设备

*/

async function listDevices() {

console.log('start list devices')

const { error, stdout, stderr } = await execPromisefy('adb devices');

if (error) {

console.error('listDevices|error:', error);

throw e;

}

if (stderr) {

console.error('listDevices|stderr:', stderr);

throw e;

}

console.log('stdout:', stdout);

let deviceArray = []

stdout.split('\n').forEach(line => {

if ((line = line.trim()) && line.indexOf('List of devices attached') < 0) {

deviceArray.push(line.split(' ')[0])

}

})

console.log('deviceArray', deviceArray)

return deviceArray;

}

安装apk到指定设备

输入id，输出带超时功能的Promise

/**

* 安装apk到指定设备

* 超时时间默认50s

* @param {*} deviceId

* @param {*} apkPath

*/

function installApk(deviceId, apkPath) {

const installPromise = new Promise(async (resolve, reject) => {

try {

const { error, stdout, stderr } = await execPromisefy(`adb -s ${deviceId} install ${apkPath}`);

if (error) {

console.error('listDevices|error:', error);

reject(e);

}

if (stderr) {

console.error('listDevices|stderr:', stderr);

reject(stderr);

}

resolve(stdout)

} catch (e) {

console.error(e)

reject(e);

}

})

const timeoutPromise = new Promise((resolve, reject) => {

setTimeout(() => { reject('timeout') }, 50000)

})

return Promise.race([installPromise, timeoutPromise]);

}

接下来就是ui绘制，对接业务。

此处实现简单ui即可

//省略...

下一步就是输出pc端安装包

这里需要使用electron-builder构建pc端安装包。

开发到这一步，被一个问题困扰住了，如何使自己基于electron开发的pc应用设置为某些文件的默认打开方式？

身为“伪”PC应用开发者，对一些涉及原生的api操作几乎是一窍不通的，而这个问题如果解决不了，那么这款应用也是毫无意义的，都无法设置默认打开，谈何便利性。

经过一番调研，发现其他electron应用如utools，Vscode等，是可以设置默认应用的，说明这条路是通的。

最终，在stackoverflow上找到了路子，原来是这样：

关键词fileAssociations,在electron-build中配置即可让自己的应用关联相关后缀类型的文件，那么就可以设置为相关类型文件的默认打开方式了。

electron-build中关于该配置的介绍：

介绍的较为简略，并且仅介绍了如何配置，没有介绍相关获取文件信息的方式。

又经过一番检索，终于打通了这条路：

关键函数:

// Attempt to bind file opening #2

app.on('will-finish-launching', () => {

// Event fired When someone drags files onto the icon while your app is running

app.on("open-file", (event, file) => {

if (app.isReady() === false) {

initOpenFileQueue.push(file);

} else {

windows.create(file);

};

event.preventDefault();

});

});

是的，原来这样获取文件路径的，但这个是针对mac的，windows如何获取呢？

那就查看下electron官方文档关于open-file事件的说明吧：

这里有了最终答案，windows下通过process.argv获取路径。

到此，所有逻辑梳理通了，开发就完事了。

最终实现效果:

image

缺陷与计划：

目前最大的缺陷当然是打包后安装文件大小的问题，electron大家都知道...

如果还有时间会尝试使用下mini-electron、增加id与实际设备名称关联的配置(现在id实在看不出哪台设备)

完整代码

安装包

electron包体积确实是个硬伤

觉得还行给个 ☆ star 喔！thanks