npm 包 ngrok.js 使用教程

简介

Ngrok 是一个可以将本地的 web 服务器映射到公共的互联网上的工具,可以将本地开发中的调试服务器暴露到公网,便于其他人访问。ngrok.js 是一个基于 Node.js 封装的 Ngrok 客户端工具。

本文将简单介绍 npm 包 ngrok.js 的使用方法,包括安装,配置及使用方法。我们以一个本地的 Express 应用为例子,演示如何使用 ngrok.js 工具将本地服务器映射到公共互联网上。

安装

首先,我们需要在本地环境安装 ngrok.js,使用 npm 命令安装即可。

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

配置

安装后,我们需要使用 Ngrok 提供的服务进行映射和调试,使用 Ngrok 需要提供一个 Authtoken,可以在官网 https://dashboard.ngrok.com/auth 注册账号后获取。

获取 Authtoken 后,我们需要在 ngrok.js 中进行配置。在项目跟目录下新建一个 .env 文件,将 Authtoken 添加到该文件中:

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

使用

安装并配置好 ngrok.js 后,我们通过以下步骤即可将本地的 Express 应用映射到公共互联网上:

  1. 在 Express 应用中添加端口配置,如下:
----- ------- - ------------------
----- --- - ---------
----- ---- - ---- -- ---

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

---------------- -- -- -
  ---------------- --------- -- --------------------------
--
  1. 在项目根目录下创建一个 ngrok.js 文件,添加如下内容:
----- ----- - ----------------
----- ------ - -----------------
---------------

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

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

------ -- -- -
  ----- --- - ----- ------------
  ------------------ ------------ -- ------ --- --
----
  1. 启动 Express 应用,并运行 ngrok.js 文件
---- ---
---- --------
  1. 打开 ngrok 提供的链接即可访问映射后的应用。

示例代码

完整的示例代码可以在 GitHub 上查看, https://github.com/example/ngrokjs-example。该示例包含一个简单的 Express 应用和 ngrok.js 工具的配置和使用。

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


猜你喜欢

  • npm 包 justo.plugin.group 使用教程

    前言 在前端开发中,我们常常需要对 DOM 元素进行一系列的操作,而这些操作有时需要同时作用在多个元素上,比如同时隐藏多个元素,或者同时设置多个元素的样式等等。这时候,我们就需要使用一个工具来帮助我们...

    3 年前
  • npm 包 react-es6-slider 使用教程

    介绍 react-es6-slider 是一个基于 React 的滑块组件,通过简单的 API ,可以在 React 应用中很方便地集成一个支持拖拽、滑动选择值的 UI 组件。

    3 年前
  • npm 包 greatapp-libs 使用教程

    npm 包 greatapp-libs 是一个专门为前端开发而设计的工具库,可以帮助前端开发人员更加轻松地完成各种任务。本文将介绍如何使用 greatapp-libs,展示它的功能和用法,并提供示例代...

    3 年前
  • npm 包 hp-spells 使用教程

    HP-Spells 是一个简单易用的 NPM 包,它提供了魔法开发所需的所有工具。它具有使用方便、高效的特点,同时还支持多种功能,包括定时任务、网络请求、字符串处理等。

    3 年前
  • npm包babel-preset-aws-lambda使用教程

    最近,随着亚马逊AWS Lambda的出现,越来越多的前端开发人员需要构建Lambda函数来部署其应用程序。但是AWS Lambda仅支持特定的Node.js运行时,这使得开发人员需要在代码中包含一些...

    3 年前
  • npm 包 prerender-cache-mongodb 使用教程

    在现代 Web 开发中,前端性能和搜索引擎优化(SEO)是非常重要的一环。如果你正在开发一个单页面应用(SPA),你需要确保搜索引擎能够爬取你的页面,以提供更好的搜索结果。

    3 年前
  • npm 包 tiny-password-strength 使用教程

    简介 tiny-password-strength 是一个轻量级的 npm 包,用于检测输入的密码的强度。它可以帮助前端开发人员和用户轻松确保密码的安全性。 安装 首先,你需要在本地安装 Node...

    3 年前
  • npm包@nhz.io/pouch-db-manager-registry使用教程

    前言 随着前端技术的不断发展,我们在进行项目开发时通常会用到各种各样的npm包,npm包是前端开发必不可少的工具之一。而本文要介绍的@nhz.io/pouch-db-manager-registry也...

    3 年前
  • npm 包 @rduk/sms-twilio 使用教程

    在现代的网站开发中,短信服务是不可或缺的一部分。而 Twilio 则是一款强大的短信服务提供商,提供给开发者在应用程序和网站中快速集成短信功能。@rduk/sms-twilio 就是一款基于 Twil...

    3 年前
  • npm 包 absolute-require-bono 使用教程

    在前端开发中,我们经常使用各种 npm 包来帮助自己快速完成项目,但是有时候在引入这些包的时候会出现一些问题。其中一个常见的问题就是在文件中正确引用依赖包的路径。为了解决这个问题,尤其是在使用绝对路径...

    3 年前
  • npm 包 istanbul-json-upload-report 使用教程

    在前端开发中,测试是非常重要的一步。其中,测试覆盖率的检测对于代码的质量以及后期维护的难易度都有着非常重要的影响。而 istanbul 是一个非常好用的测试覆盖率工具,既可以在命令行中使用,也可以结合...

    3 年前
  • npm 包 react-field-validator 使用教程

    react-field-validator 是一个基于 React 的表单验证库,可以帮助开发者更好地进行表单验证。本篇文章将介绍 react-field-validator 的使用方法并提供一些示例...

    3 年前
  • npm 包 mouse-pointer 使用教程

    在 Web 前端开发中,我们经常需要对鼠标指针的样式进行自定义。mouse-pointer 是一款基于 Webpack 和 Sass 的 npm 包,能够快速方便地对鼠标指针样式进行定制和使用。

    3 年前
  • npm 包 oauth2orize-koa-facebook 使用教程

    OAuth2 是一种广泛使用的授权协议,允许用户授权第三方应用访问他们的资源,例如 Facebook 上的个人信息。oauth2orize-koa-facebook 是一个基于 Koa 的 npm 包...

    3 年前
  • npm 包 pfdemo-vertical-navigation 使用教程

    随着前端开发的发展,一些常用的组件已经被抽象成了独立的 npm 包。本文将介绍一个好用的 npm 包 pfdemo-vertical-navigation,它提供了垂直导航菜单组件,适用于大多数 We...

    3 年前
  • NPM 包 `justo.plugin.ping` 使用教程

    justo.plugin.ping 是一个 justo.js 插件,它可以让你在前端项目中轻松实现对指定主机的 ping 测试,从而确保你的项目的网络连接状态。在本文中,我们将为您提供 justo.p...

    3 年前
  • npm 包 Meshblu-Connector-Daemon 使用教程

    前言 Meshblu-Connector-Daemon 是一个 Node.js 应用程序,可以让用户在 Meshblu 平台上创建和管理 Meshblu 连接器。本篇文章将介绍 Meshblu-Con...

    3 年前
  • npm 包 meshblu-connector-cli 使用教程

    什么是 meshblu-connector-cli meshblu-connector-cli 是一个 npm 包,它提供了一种简便的方式来构建 Meshblu 连接器。

    3 年前
  • npm 包 meshblu-connector-installer-debian 使用教程

    简介 meshblu-connector-installer-debian 是一个 npm 包,它提供了在 Debian 系统上自动安装 meshblu connector 的功能。

    3 年前
  • npm 包 meshblu-connector-installer-macos 使用教程

    前言 meshblu-connector-installer-macos 是一个基于 npm 的 Mac 系统下 Meshblu 连接器安装器命令行工具。 本文将详细介绍这个 npm 包的使用方法及其...

    3 年前

相关推荐

    暂无文章