npm 包 run-with-heroku-env 使用教程

简介

run-with-heroku-env 是一个 Node.js 的 npm 包,用于在本地开发时,使你的代码和在 Heroku 上运行时一致,从而避免本地和远程部署的差异导致的问题。该 npm 包的作用是在本地运行代码时,从 Heroku 上获取相应的环境变量,并在本地设置这些变量。这样在本地开发时,就能够使用和在 Heroku 上一样的环境变量,从而防止在本地开发时出现 Heroku 上没有出现的问题。

使用教程

安装

可通过以下命令安装该 npm 包:

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

配置

安装完毕后,在项目根目录下创建 .env 文件,将 Heroku 上的环境变量全部写入该文件中。那么,接下来的问题就是如何将这些环境变量注入到本地开发环境中。

在 package.json 文件中,你需要添加以下内容:

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

这个配置告诉 npm 在启动我们的应用时使用 run-with-heroku-env 工具,而不是直接使用 node。

我们现在需要做的是将 Heroku 上使用的所有环境变量设置在 Heroku web 面板中的 Config Vars 标签下。一旦这些变量被设置,你现在应该能够在本地使用 Heroku 所使用的同一环境变量了。

运行

再次运行你的本地 web 应用,但这次使用上面所提到的 npm start 命令。

你应该能够注意到,现在你在本地的开发机器上使用的环境变量均与 Heroku 服务器上相同。

示例代码

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

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

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

总结

使用 run-with-heroku-env 工具,你可以在本地应用和 Heroku 服务器的应用之间更轻松地进行转换,从而避免了由于部署环境差异所引起的问题。希望这篇文章能够帮助你更加愉快地编写代码。

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


猜你喜欢

  • npm包pomelo-antd使用教程

    什么是pomelo-antd pomelo-antd是一款基于Ant Design的前端UI组件库,是基于Node.js的游戏服务器框架Pomelo使用的衍生出来的一款组件库。

    2 年前
  • npm 包 Ember-cli-ss 使用教程

    Ember-cli-ss 是一款可用于服务器端渲染 (SSR) 的 Ember.js 应用程序快速开发框架。本文将介绍该 npm 包的使用教程。 安装 在开始之前,你需要已经安装了 Node.js 和...

    2 年前
  • npm 包 lc-xpath 使用教程

    在前端开发领域中,xpath 是一种非常常见的用于 DOM 操作和解析的语法,但是它的使用有些麻烦,需要熟练掌握并使用多种 API。而 npm 包 lc-xpath 可以让我们更方便地使用 xpath...

    2 年前
  • npm 包 rollup-plugin-typescript-2 使用教程

    前言 在前端工程化中,使用模块化开发已是必不可少的一种方式。而 TypeScript 已经成为了一种被广泛使用的前端开发语言,它的类型检查和特性使我们能够更好地编写和维护代码。

    2 年前
  • npm 包 gifsee 使用教程

    前言 gifsee 是一个基于 Canvas 实现的 gif 播放器,支持动态播放 GIF 图片,同时支持 GIF 帧的跳转、暂停、恢复等功能,是一个非常实用的前端工具包。

    2 年前
  • npm 包 @deveodk/vue-error-tracker 使用教程

    简介 @deveodk/vue-error-tracker 是一个 Vue.js 应用程序的异常跟踪工具,它可以让开发者更加轻松地追踪应用程序中的所有异常问题,并进行实时反馈。

    2 年前
  • npm 包 bein-validate 使用教程

    在前端开发中,我们经常需要对用户的输入进行验证。这个过程并不复杂,但是要写出通用、可扩展、易维护的验证规则却很有难度。幸好,社区中已经有了很多优秀的验证工具,其中之一就是 bein-validate。

    2 年前
  • npm 包 bein-input-counter 使用教程

    在前端开发中,有很多常用的组件可以加快我们的开发速度。今天我们就来介绍一款叫做 bein-input-counter 的 npm 包,它可以帮助我们快速实现输入框字数统计的功能。

    2 年前
  • npm 包 stylis-atomic 使用教程

    简介 stylis-atomic 是一个能够帮助前端开发者编写更加简单、易懂的 CSS 代码的 npm 包。它使用了一种称为 “Atomic CSS” 的技术,该技术可以让我们快速、高效地编写出充满表...

    2 年前
  • npm 包 antd-jsonschema-form 使用教程

    antd-jsonschema-form 是一个使用 Ant Design 的 React Form 组件来渲染 JSON Schema 表单的工具库。JSON Schema 定义了一个 JSON 数...

    2 年前
  • npm 包 stylis-mixin 使用教程

    简介 stylis-mixin 是一个为了在使用 stylis 预处理器时,方便使用 mixin 的 npm 包。该包提供了一种简便的方式来定义 mixin 和样式规则,并且可以通过简单的 API 来...

    2 年前
  • npm 包 webpack-extract-bundle-text 使用教程

    在前端开发中,Webpack 是一个非常流行的构建工具,它可以将多个 JavaScript 文件打包为一个文件,并且可以处理图片、CSS、字体等资源。然而,有时候我们需要将 JavaScript 文件...

    2 年前
  • npm 包 js-lib-url 使用教程

    什么是 js-lib-url js-lib-url 是一个用来解析,构建和操作 URL 字符串的 JavaScript 库,旨在提供一组简单,可重用且易于使用的 API。

    2 年前
  • npm 包 stylis-calc 使用教程

    在前端开发中,我们通常会使用 CSS 框架来帮助我们快速地完成某些样式的构建。在这些框架中,样式的布局和计算都是通过 CSS 的语法来完成的。而 CSS 的计算能力比较有限,这就导致了我们在布局和动画...

    2 年前
  • npm 包 stylus-lookup-2 使用教程

    在前端开发过程中,我们常常需要使用 CSS 预编译器来编写样式,其中一种常见的预编译器是 Stylus。Stylus 可以提供一些便捷的语法、变量、函数等功能,但是在使用 Stylus 时,样式表的组...

    2 年前
  • npm 包 quote-me 使用教程

    在前端开发中,经常需要引用一些名人名言或者特定的文本,quote-me 就是一个非常方便的 npm 包来实现该功能。本文将为大家介绍如何使用 quote-me,并提供详细的使用指南和示例代码。

    2 年前
  • npm包 cathay-egg-oauth2-server 使用教程

    在本文中,我们将介绍 cathay-egg-oauth2-server 的使用,这是一个非常有用的 npm 包,它可以在 Egg.js 框架中轻松实现 OAuth2 授权服务器。

    2 年前
  • npm 包 is-object-like-x-2 使用教程

    什么是 is-object-like-x-2? is-object-like-x-2 是一个 npm 包,它可用于检查对象是否形似一个对象。 该包基于 Object.prototype.toStrin...

    2 年前
  • npm 包 markedit-vue 使用教程

    在前端开发中,我们经常需要使用富文本编辑器来进行文章的编辑和排版。本篇文章将介绍一个方便易用的 npm 包 markedit-vue,以及如何在 Vue 项目中使用。

    2 年前

相关推荐

    暂无文章