npm 包 ngrok-simple 使用教程

前言

在开发 Web 应用程序时,我们经常需要将本地安装的应用程序暴露到公共互联网上,以便外部用户可以访问该应用程序。这通常需要通过将本地服务器暴露到公共互联网上来实现。而 ngrok-simple 正是一款非常方便的 npm 包,可以帮助我们轻松地实现本地服务器的暴露。下面,我们将为您详细介绍如何使用 ngrok-simple。

ngrok-simple 简介

ngrok-simple 是 ngrok 的一个简易版,简化了 ngrok 的配置过程,方便快捷地在本地开发环境中使用。

ngrok 是一个允许访问本地或内网 web 服务器的工具。使用 ngrok,可以轻松地将本地 Web 服务器暴露到公网上,以便访问。

ngrok-simple 则是对 ngrok 的简化版,主要用于简化服务器配置工作。用户无需进行繁琐的 ngrok 配置,即可轻松地使用 ngrok 提供的所有功能。

ngrok-simple 提供了以下功能:

  • 将本地 Web 服务器暴露到公共互联网上;
  • 支持 HTTPS;
  • 支持本地静态文件的访问;
  • 支持内网穿透;
  • 端口配置灵活,支持多端口暴露;
  • 可以设置自定义子域名;
  • 支持自动重连,确保 Web 服务器始终可用。

ngrok-simple 使用教程

安装 ngrok-simple

首先,我们需要安装 ngrok-simple。在命令行中执行以下命令:

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

使用 ngrok-simple

安装完成后,我们就可以开始使用 ngrok-simple 了。在命令行中,输入以下命令:

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

这会显示 ngrok-simple 的帮助文档。ngrok-simple 提供了以下命令:

  • help:显示帮助文档;
  • start:启动 ngrok;
  • stop:停止 ngrok;
  • restart:重启 ngrok;
  • version:显示 ngrok 版本信息。

现在,我们来启动 ngrok。在命令行中输入以下命令:

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

其中,--port 参数指定了我们要将哪个本地端口暴露到公网上。

当 ngrok 启动后,您将看到类似以下的输出:

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

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

此时,您就可以通过访问上面的 Forwarding 地址来访问本地服务器了。

自定义 ngrok 域名

ngrok-simple 支持自定义 ngrok 域名,让您可以使用自定义的域名来访问您的本地服务器。

在命令行中输入以下命令:

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

其中,--subdomain 参数指定了您要使用哪个自定义子域名。

当 ngrok 启动后,您将看到类似以下的输出:

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

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

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

猜你喜欢

  • npm 包 acg-dnr-savings 使用教程

    acg-dnr-savings 是一个节省空间和缩小大小的工具,用于对图片、CSS、JavaScript 和 HTML 进行优化。该工具专门针对前端开发人员进行设计,使他们能够更好地满足网站或应用程序...

    3 年前
  • npm 包 all.inc 使用教程

    介绍 在前端开发中,我们经常需要引入许多第三方的库来完成一些复杂的功能。而 all.inc 就是一个能够帮助我们快速引入常用的库的 npm 包,让我们的工作更加高效。

    3 年前
  • npm 包 jintrospector 使用教程

    前言 在前端开发中,有时候需要通过 JavaScript 代码去操作 CSS 样式和 DOM 元素。但是,JavaScript 本身只提供了有限的方法去操作 CSS 和 DOM。

    3 年前
  • npm 包 alfred-gitlab-dashboard 使用教程

    简介 NPM 是 Node.js 的包管理器,有大量的第三方包可以使用。Alfred 是一款 Mac 平台上的快速启动应用程序和文本搜索工具,有强大的插件机制。alfred-gitlab-dashbo...

    3 年前
  • npm 包 express-ion 使用教程

    前言 为了方便开发者搭建 Web 应用程序,有很多框架和工具包被开发出来。其中比较受欢迎的是 Express 框架。但是,Express 框架本身没有提供 WebSocket 功能。

    3 年前
  • npm 包 express-ion-controller 使用教程

    1. 前言 Node.js 是一种非常流行的服务器端 JavaScript 运行环境。Express 是一个基于 Node.js 的 Web 应用框架,可用于构建 Web 应用程序。

    3 年前
  • npm 包 express-ion-render 使用教程

    简介 express-ion-render 是一个基于 Express 框架的 TypeScript 渲染器插件,用于将 Ion 对象渲染为 HTML 页面。 安装 你可以通过 npm 安装 expr...

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

    npm 是 Node.js 的包管理器,是前端开发必备的工具之一。而 fega-cli 是一个基于 webpack 的前端脚手架,可以快速搭建前端项目的基础架构。本文将介绍 fega-cli 的使用教...

    3 年前
  • npm 包 hexo-materialize 使用教程

    前言 Hexo 是一个快速、简洁且高效的基于 Node.js 的静态博客框架,而 Materialize 是一个现代化的响应式前端框架,这两者的结合就产生了 hexo-materialize 这个可以...

    3 年前
  • npm 包 platzi-profile 使用教程

    前言 npm 是 JavaScript 的依赖管理器,可以方便地为我们的项目添加所需的依赖项。本文将介绍一款 npm 包,它是 platzi-frontend 课程中介绍的 platzi-profil...

    3 年前
  • npm 包 my-cli-kit 使用教程

    前言 npm 是一个世界上最大的软件库之一,它存储了数以百万计的开源代码包,涵盖了各种语言和技术。由于其广泛性,使用 npm 可以非常方便地管理和分享代码。而 my-cli-kit 就是一个基于 np...

    3 年前
  • npm 包 activity.php 使用教程

    前言 现如今的 Web 应用程序开发已经变得越来越复杂,特别是对于大规模的应用程序开发。此时需要使用一些工具和框架来简化开发过程。npm 是 Javascript 世界的包管理工具,拥有海量的开源程序...

    3 年前
  • npm 包 addon.php 使用教程

    简介 addon.php 是一个用于在前端与后端之间传递数据的 npm 包,它可以轻松地将数据以 json 格式编码为 URL 查询字符串,并且还支持数据压缩和解压缩。

    3 年前
  • npm 包 adjustment.php 使用教程

    在前端开发中,常常需要对浮点数进行四舍五入、取整等数值调整操作,本文介绍一个方便的 npm 包 adjustment.php,该库提供了 PHP 数学函数库的浮点数版本。

    3 年前
  • npm 包 address.php 使用教程

    简介 address.php 是一个由 PHP 编写的用于处理中国地址数据的库,它提供了丰富的 API,可以方便的解析、格式化和验证中国地址数据。address.php 提供了严格模式和宽松模式两种解...

    3 年前
  • npm 包 admin.php 使用教程

    在前端开发过程中,我们经常需要使用后台管理系统,而 admin.php 是一个非常常用的后台管理系统,它提供了丰富的功能和界面,让我们能够快速搭建自己的后台管理系统。

    3 年前
  • npm 包 agent.php 使用教程

    agent.php 是一个 Node.js 的 npm 包,用于在 Node.js 应用程序中实现 HTTP 代理。本文将介绍如何安装和使用 agent.php,并附有示例代码。

    3 年前
  • npm 包 air.php 使用教程

    前言 在前端开发中,我们需要与后端进行数据交互,而 http 协议是最为常用的一种方式。在发送 http 请求时,我们需要构造请求参数、设置请求头、处理响应结果等。

    3 年前
  • npm 包 ajax.php 使用教程

    在前端开发中,我们经常需要通过 AJAX 技术与后端进行数据交互。然而,每次都手写 AJAX 代码非常麻烦,因此,有许多优秀的 AJAX 库出现帮助我们简化开发。其中,ajax.php 是一款使用非常...

    3 年前
  • npm 包 gulp-postcol 使用教程

    什么是 gulp-postcol? gulp-postcol 是一个基于 gulp 的插件,用于将 CSS 和 JavaScript 文件中的颜色值转换为对应的色盘值。

    3 年前

相关推荐

    暂无文章