如果您是Web开发人员，并且尚未使用VSCODE中的Live Server扩展程序，您甚至是开发人员吗？只是在开玩笑。但是，您是否考虑过在引擎盖下的工作方式？在当今的博客中，让我们尝试了解使用Golang的动手实施的方式。为什么Golang？好吧，这些天我正在探索Golang，还有什么比构建项目更好的学习呢？因此，足够的上下文（不是Golang中的一个）让我们开始。

实时服务器的工作方式？

因此，每当浏览器检测到HTML，CSS或JS文件中的任何修改时，Live Server都会自动重新加载浏览器。它首先通过HTTP服务器提供这些静态文件。在引擎盖下，它采用了像FSNOTIFY这样的文件观察器（我们将用于项目），FSWATCH（以UNIX基于UNIX的文件系统）或Chokidar（用于Nodejs）来连续监视文件更改的项目目录（基本上您使用Extensions .html，.css，.js，.js），.js，.js）。

在核心上使用您（节点JS）服务器和浏览器之间的Websocket连接。当服务器检测到文件更改时，它将通过Websocket发送重新加载通知到浏览器。反过来，浏览器会重新加载页面以反映正在进行的新更改。此外，它使用CSS注入（仅更新未经完整重新加载的样式），HMR（热模块替换）JavaScript模块。这样可以确保开发人员获得实时反馈，而无需在每次更改代码后手动重新加载浏览器。

项目概述

在这个项目中，我的想法是相同的。我的目标是观察文件更改（例如HTML，CSS和JavaScript），并在检测到任何修改时触发浏览器重新加载。为此，我使用了GO的内置HTTP服务器和FSNotify软件包，它们有效地监视文件系统事件。

1。服务静态文件

第一步是在GO中设置一个简单的HTTP服务器，该服务器可从目录中提供静态文件。静态文件（例如HTML，CSS和JavaScript）将从./static文件夹中加载。使用http.fileserver处理：

http.handle（“/”，http.fileserver（http.dir（“ ./ static”））

2。重新加载端点

接下来，我需要一个端点，在检测到文件更改时，可以通知客户端要重新加载。 /重新加载路由充当触发器，当服务器检测到修改时，向浏览器发送“重新加载”消息：

http.Handle("/", http.FileServer(http.Dir("./static")))

字节（“ Reload”）） }））

此路由在频道上听取事件，后来将通过文件更改通知填充。
3.观看文件更改

http.HandleFunc("/reload", func(w http.ResponseWriter, r *http.Request) {
    







  
  
  4。过滤跟踪的文件


并非每个文件更改都应触发重新加载，因此我添加了一个仅跟踪特定文件扩展名的过滤器：.html，.css和.js。这是使用filepath.ext函数来检查文件类型的完成的：



func scanFileChanges() {
    watcher, err := fsnotify.NewWatcher()
    if err != nil {
        log.Fatal(err)
    }
    defer watcher.Close()

    for {
        select {
        case event := 
  
  
  5。运行服务器


最后，我启动了HTTP服务器以在端口8000上收听，并同时启动了文件观看过程：








  
  
  最后的想法
func isTrackedFile(fileName string) bool {
    ext := strings.ToLower(filepath.Ext(fileName))
    return ext == ".html" || ext == ".css" || ext == ".js"
}
此示例着重于重新加载静态文件时，还有很大的改进空间 - 例如，添加WebSocket支持对更平滑的通信，更好的文件处理以及扩展跟踪文件列表的支持。

只有几行GO代码，我能够改善静态Web开发的工作流程，我期待进一步完善此工具。

查看代码：Serve-It GitHub