firebase本地服务器>文件更改时如何刷新浏览器

Question

我正在本地 Firebase 服务器上运行一个 Web 应用(以“firebaseserve”启动)。

我想要找到一种方法来告诉我的客户(浏览器脚本)我的项目文件已更改，以便启动浏览器刷新。

在以前的项目(运行nodejs服务器)中，我的解决方案是在后端之间建立websocket连接和前端。所以每次服务器重新启动(...由于文件更改，我正在监视使用像nodemon这样的观察程序...)，我的服务器端代码 建立一个到客户端的新连接，客户端监听该事件并刷新浏览器。

我的 firebase 服务器的问题是，我没有运行我自己的后端代码并且我没有找到任何有关如何告诉我的客户我的项目文件已更改的信息。事实上，我的 firebase 服务器根本不会重新启动，因为在这个无后端环境中还不需要这样做。但我想至少这可以通过通过 nodemon 或其他方式运行我的 firebase 服务器来完成。

附加信息:我试图找到一种使用 webpack-dev-server 的方法，它集成了自动刷新功能，但找不到两个服务器之间的链接，也找不到将它们集成在不同端口上运行并解决不同任务的方法.

我的问题可能是:Firebase 服务器中是否实现了任何解决方案？有没有办法在文件更改时触发客户端事件？或者最终运行我自己的 firebase 后端中间件来创建与客户端的 websocket 连接？

欢迎任何建议。

<小时/>

编辑:

我找到了一种使用 browsersync 的方法。由于 browsersync 可以充当其他服务器(在我的例子中:firebase 服务器)的代理，因此设置起来非常容易。

安装后，只需转到您的项目目录并输入例如:

浏览器同步启动 --proxy "localhost:5000"--files "dist/*"

其中“localhost:5000”是当前服务器地址的主机和端口，“dist”是应该监视更改的目录。

每个默认的 browsersync 都会在“localhost:3000”为您的应用程序提供服务。

有关 browsersync homepage 的更多信息

Answer 1

重新加载网页时，Firebase CLI 工具会从本地磁盘提供最新文件。

当您修改磁盘上的本地文件时，Firebase CLI 工具不会在浏览器中自动重新加载该文件。 Firebase CLI 对它所提供的内容知之甚少，目前还无法实现此功能。

如果您希望添加此功能，我建议您将其添加为 feature request on the firebase-tools repo 。