简介
zuul-ngrok 是一个 npm 包，它可以帮助前端开发人员将本地开发环境中的 Web 应用程序映射到公共 URL 上。这个工具可以方便地与 Zuul (一种 JavaScript 测试运行器) 集成，从而提高测试效率。
安装
首先，你需要在本地安装 Node.js 和 npm。然后，使用以下命令安装 zuul-ngrok：
npm install --save-dev zuul-ngrok
使用
1. 创建 zuul-ngrok 配置文件
在项目根目录下创建一个名为 .zuul.yml 的文件，并添加以下内容：
local: # your local zuul configuration tunnel: type: ngrok
2. 运行 zuul
现在，你可以通过以下命令来运行 zuul：
./node_modules/.bin/zuul --local 8080 --ui mocha-bdd
这里，我们将 zuul 运行在本地端口 8080 上，并使用 Mocha BDD UI 进行测试。
3. 启动 ngrok
最后，启动 ngrok（请确保你已经安装了 ngrok），并将其映射到 zuul 运行的端口：
ngrok http 8080
现在，你应该能够看到类似于以下输出：
Session Status online Account John Doe (Plan: Pro) Version 2.3.40 Region United States (us) Web Interface http://127.0.0.1:4040 Forwarding https://6aebf6e9.ngrok.io -> http://localhost:8080 Forwarding http://6aebf6e9.ngrok.io -> http://localhost:8080
这表明 ngrok 已经成功启动，并将本地端口 8080 映射到公共 URL https://6aebf6e9.ngrok.io 和 http://6aebf6e9.ngrok.io 上。
4. 访问你的应用程序
现在，你可以通过访问 https://6aebf6e9.ngrok.io 或 http://6aebf6e9.ngrok.io 来访问你的应用程序了。这些 URL 将被转发到本地开发环境中运行的 zuul 实例上。
示例代码
以下是一个简单的示例，演示如何使用 zuul-ngrok 来测试一个基本的 Web 应用程序：
-- -------------------- ---- ------- ---- ---------- --- --------- ----- ------ ------ --------- ----------- ------- ------ ---------- ----------- ------- ------------------------ ------- -------
// index.js
console.log('Hello, world!');# .zuul.yml
local:
browserify:
- main.js
tunnel:
type: ngrok-- -------------------- ---- -------
-- -------
------------ ----- ---------- -
---------- --- ------- -------------- -
--- ------ - ------------------
--- ---- - ----------------
--- ------ - ------------------------------- ---- -
------------------ ---------------- --------------
------------------------------- ----------------------------
---
---------------- ---------- -
--- ---- - ----------------------
--- --- - ------------------- - -----
-------------------- - ----
--- ---- - ----------------
------
--- ------------
------ -----
------------ --
------ -----------------
-- ------------- -
--------------------
-------
---
---
---
---总结
使用 zuul-ngrok 可以让你更轻松地测试 Web 应用程序，并且可以将本地开发环境中的应用程序
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50304