使用 Deno 管理本地环境变量

在前端开发中,我们经常需要管理本地的环境变量。环境变量是一些可以影响我们应用程序行为的键值对,例如不同环境下的 API 地址,数据库连接字符串等。在传统的 Node.js 项目中,我们通常会通过 dotenv 等第三方包来管理环境变量。但是 Deno 的设计理念强调无隐式依赖,这意味着它不提供像 require() 全局命名空间一类的功能,因此我们需要自己来处理本地环境变量。

Deno 的环境变量

Deno 提供了 Deno.env 对象来访问环境变量。这个对象是一个包含所有环境变量的键值对的映射。我们可以使用如下语句来访问环境变量:

----- --- - ---------
-------------------------------------

需要注意的是,访问环境变量需要给 Deno 运行时传递 --allow-env 权限。

但是这种方式并不能很好的管理环境变量。首先,每次使用环境变量都要从 Deno.env 中获取,非常繁琐。其次,如果我们需要在不同的应用中使用相同的环境变量,那么我们需要在这些应用中分别定义一次。

通过文件来管理环境变量

更好的方式是把环境变量存储到文件中,这样我们可以轻松地引用它们并支持多个应用程序。常见的做法是使用 .env 文件来存储环境变量。

我们可以使用 Deno 内置的 Deno.readTextFileSync() 方法来读取 .env 文件中的环境变量:

----- --- - ------------------------------
----- --------- - ---------------------------- ----- -- -
  ----- -------- - ----------------
  -- ------------- -
    ---------------- - ----------- - ------------------------- --- - ---
  -
  ------ ----
-- ----
-----------------------

这段代码会将 .env 文件解析为一个键值对的对象,并输出到控制台上。需要注意的是,在 .env 文件中,每一行格式为 KEY=VALUE,可以有多个。

如果想要使用这些环境变量,可以将它们保存到一个全局对象中,比如 globalThis.config

----------------- - ----------

这样可以在应用程序的任何位置使用 config 对象来访问环境变量。

使用 Denon 管理环境变量

在实际开发中,我们可能会遇到需要同时运行多个项目(例如前端和后端),而这些项目又需要使用相同的环境变量。为了避免手动运行多个实例,我们可以使用 Denon 来管理它们。

Denon 是一个类似于 nodemon 的工具,它可以在文件变化时自动重启应用程序并支持多项目运行。

我们可以在 Denon 的配置文件 denon.json 中指定应用程序的环境变量。这个文件应该存在项目的根目录下,例如:

-
  ---------- -
    -------- -
      ------ ----- --- ----------- ----------- --------
      ------ - --------------- ------------------------------------------------------ -
    -
  -
-

这个配置文件中有一个 scripts 属性,它包含一个 start 命令,定义了应用程序的启动方式。cmd 属性定义了启动命令,env 属性定义了该命令的环境变量。在这个例子中,我们定义了一个名为 DATABASE_URL 的环境变量。

接着,我们可以使用如下命令启动应用程序:

----- -----

这个命令会自动读取 denon.json 配置文件,并启动应用程序。启动程序时,Denon 会自动将环境变量注入到应用程序中。在应用程序中,我们可以像访问一般的环境变量一样访问它们。

总结

通过本文的学习,我们了解到了如何使用 Deno 管理本地环境变量。我们可以使用内置的 Deno.env 对象或者通过文件来管理环境变量。如果需要多个项目使用相同的环境变量,我们可以使用 Denon 来管理它们。

相信在实际开发中,这些技巧会非常有用。如果你还没有尝试过 Deno 和 Denon,不妨试试看,相信你一定会有惊喜的发现!

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/648b7c1748841e98949cf61e


猜你喜欢

  • Angular 中如何使用图标库

    图标是现代网页设计中不可或缺的元素。它们可以使用户界面看起来更美观、简单易懂。随着 web 技术的发展,许多图标库被开发出来,提供了大量的免费或付费图标,可以大大减少图标的开发时间。

    1 年前
  • MongoDB 和 Mongoose 模块的八个查询关键字

    MongoDB 是一种非关系型的数据库,并且是当前最受欢迎的数据库之一。MongoDB 以其高效的查询和数据存储方式和广泛的应用场景而著称。但是,仅靠 MongoDB 是无法满足数据表现的高级查询需求...

    1 年前
  • 通过 Chai 测试对象属性类型及值

    在前端开发中,我们经常需要测试对象的属性类型及其值。Chai 是一种流行的 JavaScript 测试框架,可以帮助我们轻松地进行这种测试。在本文中,我将向您介绍如何使用 Chai 进行对象属性类型及...

    1 年前
  • 使用 Express.js 开发 Web 应用的详细过程

    Express.js 是一款流行的 Node.js Web 应用框架,由于其简单易用、高效快捷,受到了广大开发者的青睐。在本文中,我们将详细介绍如何使用 Express.js 开发 Web 应用,并给...

    1 年前
  • 用 Server-Sent Events 实现 Web 日志框架,轻松把日志记录导出成 Excel 表格!

    用 Server-Sent Events 实现 Web 日志框架,轻松把日志记录导出成 Excel 表格! 在前端领域,日志系统是重要的一个组成部分,用于追踪用户行为、调试代码、提高系统稳定性等。

    1 年前
  • 利用 CSS Grid 实现柔性图像布局

    在前端开发中,图像的布局一直是一个重要的话题。如何让图片自适应不同的屏幕尺寸,如何排布多张图片,如何保证图片的每个元素都能完整显示等问题都需要考虑。在这篇文章中,我们将介绍如何借助 CSS Grid ...

    1 年前
  • Android 无障碍服务之 AccessibilityService 用法详解

    随着科技的不断发展,移动设备已经成为人们日常生活中不可或缺的一部分。然而,对于一些视力、听力或肢体方面存在障碍的人群,手机界面的交互依然存在很大的困难。为了帮助这些人群轻松地使用手机,谷歌在 Andr...

    1 年前
  • GraphQL 的 Schema 设计最佳实践总结

    在使用 GraphQL 进行开发时,Schema 的设计至关重要。Schema 是一个定义了 GraphQL API 中所有可用类型和操作的合同,因此在设计 Schema 时必须考虑到数据的结构和操作...

    1 年前
  • ES7 async/await 带来的几个新特性

    在 ES7 中,async/await 是最引人注目的新特性之一。它们是一对强大的工具,可以简化前端开发中的异步操作。本文将深入探讨 async/await 的几个新特性,包括其实现原理、使用方法以及...

    1 年前
  • Koa 中集成 GraphQL 进行数据查询

    Node.js 是一种非常流行的服务器端 JavaScript 运行环境,而 Koa 是一个受欢迎的 Web 框架,它被设计成轻量、灵活和高效的,适用于开发 Web 应用程序和 API。

    1 年前
  • 解决 ES6 中 Map 和 WeakMap 的常见问题

    在前端开发中,数据结构非常重要。ES6 中引入了 Map 和 WeakMap 这两种新的数据结构,它们相比于传统的对象 Object 有很多优点,比如可以使用任何类型作为键,能够进行迭代和遍历。

    1 年前
  • CSS Flexbox 实现垂直方向的多列均匀布局

    在前端开发中,常常需要实现多列内容垂直方向的均匀布局。在 CSS 中,有很多方案可以实现这种布局。本文将介绍一种比较常见的方式:使用 Flexbox 实现垂直方向的多列均匀布局。

    1 年前
  • 如何使用 PM2 监控 Node.js 应用的访问 QPS

    在日常开发中,我们需要对 Node.js 应用的访问 QPS 进行监控来了解当前应用的负载情况。而 PM2 是一个非常流行的 Node.js 进程管理工具,可以帮助我们轻松地监控和管理 Node.js...

    1 年前
  • Cypress 测试时如何处理表单验证

    Cypress 是一个用于编写端到端(End-to-End)测试的 JavaScript 测试框架。在前端开发过程中,表单验证是必不可少的。本文将介绍如何使用 Cypress 处理表单验证。

    1 年前
  • Mongoose 中的追加字符串到数组技巧

    Mongoose 是一款流行的 Node.js MongoDB 库,可以使得在 Node.js 中使用 MongoDB 变得十分方便。在 Mongoose 中,有一个非常实用的技巧,就是向数组中追加一...

    1 年前
  • 解锁 React Native 中的热更新技术

    在目前的移动应用开发行业中,越来越多的团队选择使用 React Native 进行开发。React Native 是一种基于 JavaScript 的框架,通过让开发者使用 React 编写 iOS ...

    1 年前
  • 使用 ES11 中的 BigInt 原始类型

    最近,JavaScript 的新版本 - ES11 增加了一个新的原始类型 BigInt,它可以用来表示任意大的整数。 在过去,以前的 JavaScript 版本只有 Number 类型表示数字,但在...

    1 年前
  • 以 Redux 为基础的体系结构之 react-redux

    在前端领域,Redux 是目前比较流行的状态管理工具。但是在实际开发中,我们需要将数据流和组件之间的交互进行有效的管理,这就需要一个合理的体系结构。在 React 中,React-Redux 就是一个...

    1 年前
  • Next.js 中集成第三方 OAuth 的方法

    OAuth 是一种授权机制,可以让用户使用第三方应用程序来登录另一个网站或服务,而无需在该网站或服务上注册新帐户。在前端开发中,这种授权方式使用得非常普遍,特别是在单页应用程序或移动应用程序中。

    1 年前
  • 如何在 Angular 应用中使用 Web Components?

    在现代 Web 开发中,Web Components 技术已经被广泛使用。Web Components 可以被定义为一个被封装的、可复用的 UI 组件。这种构建方式是由多个 Web 标准组成的,包括 ...

    1 年前

相关推荐

    暂无文章