Electron 开发应用程序

最新推荐文章于 2024-07-19 14:53:38 发布

泉水老叮当

最新推荐文章于 2024-07-19 14:53:38 发布

阅读量1.1k

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/SpringDou/article/details/99286120

版权

本文介绍了如何利用Electron（结合Chromium和NodeJS）开发桌面应用程序，如Visual Studio Code。在开发过程中，重点讨论了后端开发的挑战，包括加载dll、处理V8引擎接口和编写兼容的NodeJS扩展。提到了使用NAN或N-API来确保AddOn在不同版本间的兼容性，以及在Angular框架下与Electron集成时需要注意的细节，如修正HTML的<base>标签和调整tsconfig.json的配置。

摘要由CSDN通过智能技术生成

Electron结合了Chromium和NodeJS，使得用JS开发应用程序成为可能，比如微软的Visual Studio Code就是用Electron开发的。Electron利用了Chromium的前端显示功能（解析和显示HTML以及 javascript code）同时利用NodeJS 可以访问本地文件的功能来解决浏览器本身的一些限制。

我们在用Electron做一些开发的时候，前端基本没什么问题，比如你用的是Angular框架或者Vue框架等等，但是在进行后端开发的时候，由于有很多的业务逻辑需要利用其它语言写或者利用老的dll，那么就需要特别注意：

1. Electron用的是NodeJS的require功能来加载模块的，它支持的语言是c++，所以需要写单独的Addon(NodeJS 扩展)去加载（LoadLibrary）你要用的dll，简单的将之前的dll代码复制，重新编译，并不一定能用。

2. Electron前后端用来解析JavaScript的V8引擎是一个，通常情况下是用的Chromium带的V8 引擎，所以你在编写AddOn的时候要注意，利用的API不是要对应NodeJS的V8接口，V8接口通常情况下在各个版本是不同的。

3. 在编写AddOn的时候最好用NAN(NAPI)或者N-API，前者可以让你写的AddOn在不同的版本下安装(npm install module)的时候重新编译，不需要重写代码, 后者(N-API)可以让你写的程序编译后，不需要重新编译，只要你写程序时的NodeJS 对应的ABI版本和Electron里用的NodeJS的ABI版本是一个就行。

4. 如果是用NAN编写的AddOn在下载完后重新编译的时候，要用Electron-rebuild模块重新编译，