简介
zuul-ngrok 是一个 npm 包，它可以帮助前端开发人员将本地开发环境中的 Web 应用程序映射到公共 URL 上。这个工具可以方便地与 Zuul (一种 JavaScript 测试运行器) 集成，从而提高测试效率。
安装
首先，你需要在本地安装 Node.js 和 npm。然后，使用以下命令安装 zuul-ngrok：
--- ------- ---------- ----------
使用
1. 创建 zuul-ngrok 配置文件
在项目根目录下创建一个名为 .zuul.yml 的文件，并添加以下内容：
------ - ---- ----- ---- ------------- ------- ----- -----
2. 运行 zuul
现在，你可以通过以下命令来运行 zuul：
------------------------ ------- ---- ---- ---------
这里，我们将 zuul 运行在本地端口 8080 上，并使用 Mocha BDD UI 进行测试。
3. 启动 ngrok
最后，启动 ngrok（请确保你已经安装了 ngrok），并将其映射到 zuul 运行的端口：
----- ---- ----
现在，你应该能够看到类似于以下输出：
------- ------ ------ ------- ---- --- ------ ---- ------- ------ ------ ------ ------ ---- --- --------- --------------------- ---------- ------------------------- -- --------------------- ---------- ------------------------ -- ---------------------
这表明 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 应用程序：
---- ---------- --- --------- ----- ------ ------ --------- ----------- ------- ------ ---------- ----------- ------- ------------------------ ------- -------
-- -------- ------------------- ---------
- ---------
------
-----------
- -------
-------
----- ------- -------
------------ ----- ---------- -
---------- --- ------- -------------- -
--- ------ - ------------------
--- ---- - ----------------
--- ------ - ------------------------------- ---- -
------------------ ---------------- --------------
------------------------------- ----------------------------
---
---------------- ---------- -
--- ---- - ----------------------
--- --- - ------------------- - -----
-------------------- - ----
--- ---- - ----------------
------
--- ------------
------ -----
------------ --
------ -----------------
-- ------------- -
--------------------
-------
---
---
---
---总结
使用 zuul-ngrok 可以让你更轻松地测试 Web 应用程序，并且可以将本地开发环境中的应用程序
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/50304