介绍
在前端开发中,经常需要从环境变量中获取一些配置信息,比如后端接口的地址、应用程序的版本号、是否开启调试模式等等。而这些配置信息可以通过引入第三方库 @mariusc23/env
来方便地获取。
@mariusc23/env
是一款轻量级的 npm 包,它可以用来获取在 Node.js 环境中预定义的环境变量和自定义的环境变量。
安装
要使用 @mariusc23/env
,需要先安装它。在项目根目录下打开终端,运行以下命令:
npm install @mariusc23/env
用法
@mariusc23/env
的用法非常简单。在你的代码中先导入包,然后就可以使用它提供的方法来获取环境变量了。
获取 Node.js 环境变量
Node.js 预定义一些环境变量,比如 process.env.NODE_ENV
、process.env.USER
、process.env.HOME
等等。可以使用 @mariusc23/env
的 getNodeEnv
方法来获取这些变量。
const { getNodeEnv } = require('@mariusc23/env'); const nodeEnv = getNodeEnv(); console.log(nodeEnv); // 输出:development(如果未设置则输出 undefined)
获取自定义环境变量
除了 Node.js 预定义的环境变量外,我们还可以设置一些自定义环境变量。在实际开发中,经常需要设置后端接口的地址、应用程序的版本号、是否开启调试模式等等。
假设我们已经在系统环境变量或者 .env
文件中设置了一个名为 SERVER_URL
的环境变量,我们可以使用 @mariusc23/env
的 getCustomEnv
方法来获取这个变量。
const { getCustomEnv } = require('@mariusc23/env'); const serverUrl = getCustomEnv('SERVER_URL'); console.log(serverUrl); // 输出:http://localhost:3000
getCustomEnv
方法可以接收一个参数,就是要获取的环境变量的名称。如果要获取的环境变量不存在,则返回 undefined。
示例代码
以下是一个完整的示例代码,可以用来演示如何使用 @mariusc23/env
来获取环境变量。
const { getNodeEnv, getCustomEnv } = require('@mariusc23/env'); const nodeEnv = getNodeEnv(); console.log(`Node.js 环境变量 NODE_ENV 的值是:${nodeEnv}`); const serverUrl = getCustomEnv('SERVER_URL'); console.log(`自定义环境变量 SERVER_URL 的值是:${serverUrl}`);
总结
@mariusc23/env
是一个非常方便的 npm 包,可以快速获取 Node.js 环境变量和自定义的环境变量。在实际开发中,使用它可以大大提高开发效率,并且减少代码中硬编码的部分。
当然,在使用环境变量的时候,一定要注意安全问题。不要将敏感信息明文存储在环境变量中,还要及时删除不再需要的环境变量。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066bca967216659e244631