admin 管理员组

文章数量: 1184232

【electron】判断当前进程是否是开发环境的五种方案（获取一些资源的路径）

文章目录

    • 导读
      • 需求
      • 开发环境
    • 判断是否是开发环境
      • 方案一：location.protocol
      • 方案二：全局变量`__static`
      • 方案三：全局变量`process.resourcesPath`
      • 方案四：全局变量`process.env.WEBPACK_DEV_SERVER`
      • 方案五：app.isPackaged
    • 获取配置目录
    • 参考资料

导读

以下内容在。

需求

electron作为一个客户端应用，往往需要处理配置文件，开发环境和生产环境的目录有些不同，我们需要判断当前环境，来读取不同目录的配置。

开发环境

版本号描述
文章日期2022-11-20
操作系统Win11-22H2内部版本号22621.674
nvm version1.1.9
node -vv12.22.12npm -v （6.14.16）
electron@16.2.8npm list
electron-builder22.4.1

判断是否是开发环境

方案一：location.protocol

开发环境中：location.protocol == 'http:'。

方案二：全局变量__static

开发环境全局变量__static包含node_modules目录。

方案三：全局变量process.resourcesPath

开发环境全局变量process.resourcesPath包含node_modules目录。

方案四：全局变量process.env.WEBPACK_DEV_SERVER

开发环境全局变量process.env.WEBPACK_DEV_SERVER值为'true'。

方案五：app.isPackaged

const { app } = require(‘electron’)
这个app只能在Main进程使用，Render进程要使用的话，需要设置通过一些技术手段设置进来（如preload.js），这里不详细展开了。

参考资料：

获取配置目录

从上面各种方案中，我们可以看出，方案三最适合获取配置目录。
代码如下：

function get_data_path() {let idx = process.resourcesPath.indexOf('\\node_modules\\');if (idx == -1) {// 生成环境return process.resourcesPath + '\\..\\_data\\';} else {// 开发环境return process.resourcesPath.substring(0, idx) + '\\_data\\';}
}
get_data_path();

效果如下：

参考资料

  • 代码地址：
  • 【electron】 打包应用修改图标和进程名字

本文标签： electron判断当前进程是否是开发环境的五种方案（获取一些资源的路径）

版权声明：本文标题：【electron】判断当前进程是否是开发环境的五种方案（获取一些资源的路径） 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.roclinux.cn/p/1698024869a283221.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。