在 Electron 应用程序中管理应用程序设置
Managing application settings in an Electron application
我很好奇如何在 Electron 应用程序中管理应用程序设置?我在这里(例如 )和其他地方找到了一些关于管理用户设置的优秀资源,但找不到与管理应用程序设置相关的任何内容。
对我来说,两者之间的区别在于应用程序设置可能因环境而异 (dev/test/production),但对应用程序的所有用户来说都是一样的。它们将包含 API 端点等内容。另一方面,用户设置会根据用户的偏好在不同用户之间发生变化,例如 window width/height 等
到目前为止我做了什么?
我找到了这个名为 config
的优秀软件包,并开始在我的项目中使用它。根据说明,我创建了一个 config
文件夹和一个默认配置文件(稍后我将创建特定于环境的配置文件)。
只要我正在开发应用程序,它就可以正常工作。应用程序正在从 config
文件夹中正确选取 default.json
文件,并正确应用这些设置。
当我打包应用程序(MSI、DMG 等)时出现问题。为此,我正在使用 electron-builder
包。
config
包的问题是它在应用程序的当前工作目录中寻找 config
文件夹,但由于它在安装应用程序的文件夹中找不到它,它只是抛出错误。我什至尝试手动将此文件夹复制到我的 app
文件夹(这是 electron-builder 制作软件包的地方),但这也无济于事。理想情况下,我想将应用程序设置捆绑在应用程序的 ASAR 文件中,这样它就无法被反编译。
我的问题是:
- 人们如何管理 Electron 应用程序的应用程序设置?
config
NPM 包可以用于此吗?或者是否有专门用于 Electron 应用程序的替代方案?
我没有使用 npm 包,但我的方法与您提到的类似。我有一个配置目录,其中包含针对不同环境的不同配置文件:dev、test、prod。然后在我的 package.json 中添加了特定于环境的构建命令。例如对于产品:
"build-prod-config": "config/buildProdConfig.sh",
"build-renderer-prod": "webpack --config=webpack.config.renderer.prod.js",
"build-main-prod": "webpack --config=webpack.config.main.prod.js",
"build-prod": "npm run build-prod-config && npm run build-main-prod & npm run build-renderer-prod",
buildProdConfig.sh
#!/usr/bin/env bash
cp config/app.config.prod.js config/app.config.js
echo "Copied ProdConfig to Config"
//This is what a config file looks like
const Config = {
suppDataDirectoryPath: '/suppData/',
builtFor: 'prod',
}
module.exports = Config;
然后我在我的应用程序中需要的任何地方都需要配置并使用这些值。现在这是一件简单的事情,也许没有您链接到的配置包的灵活性,但它可以工作。
此外,另一件重要的事情是我没有将我的应用程序打包到 ASAR 存档中,但我认为我的方法仍然有效,因为我使用 webpack 将所有内容打包到一个包中。
我很好奇如何在 Electron 应用程序中管理应用程序设置?我在这里(例如
对我来说,两者之间的区别在于应用程序设置可能因环境而异 (dev/test/production),但对应用程序的所有用户来说都是一样的。它们将包含 API 端点等内容。另一方面,用户设置会根据用户的偏好在不同用户之间发生变化,例如 window width/height 等
到目前为止我做了什么?
我找到了这个名为 config
的优秀软件包,并开始在我的项目中使用它。根据说明,我创建了一个 config
文件夹和一个默认配置文件(稍后我将创建特定于环境的配置文件)。
只要我正在开发应用程序,它就可以正常工作。应用程序正在从 config
文件夹中正确选取 default.json
文件,并正确应用这些设置。
当我打包应用程序(MSI、DMG 等)时出现问题。为此,我正在使用 electron-builder
包。
config
包的问题是它在应用程序的当前工作目录中寻找 config
文件夹,但由于它在安装应用程序的文件夹中找不到它,它只是抛出错误。我什至尝试手动将此文件夹复制到我的 app
文件夹(这是 electron-builder 制作软件包的地方),但这也无济于事。理想情况下,我想将应用程序设置捆绑在应用程序的 ASAR 文件中,这样它就无法被反编译。
我的问题是:
- 人们如何管理 Electron 应用程序的应用程序设置?
config
NPM 包可以用于此吗?或者是否有专门用于 Electron 应用程序的替代方案?
我没有使用 npm 包,但我的方法与您提到的类似。我有一个配置目录,其中包含针对不同环境的不同配置文件:dev、test、prod。然后在我的 package.json 中添加了特定于环境的构建命令。例如对于产品:
"build-prod-config": "config/buildProdConfig.sh",
"build-renderer-prod": "webpack --config=webpack.config.renderer.prod.js",
"build-main-prod": "webpack --config=webpack.config.main.prod.js",
"build-prod": "npm run build-prod-config && npm run build-main-prod & npm run build-renderer-prod",
buildProdConfig.sh
#!/usr/bin/env bash
cp config/app.config.prod.js config/app.config.js
echo "Copied ProdConfig to Config"
//This is what a config file looks like
const Config = {
suppDataDirectoryPath: '/suppData/',
builtFor: 'prod',
}
module.exports = Config;
然后我在我的应用程序中需要的任何地方都需要配置并使用这些值。现在这是一件简单的事情,也许没有您链接到的配置包的灵活性,但它可以工作。
此外,另一件重要的事情是我没有将我的应用程序打包到 ASAR 存档中,但我认为我的方法仍然有效,因为我使用 webpack 将所有内容打包到一个包中。