Cara Membuat Sambungan Pelayan Langsung Mudah Menggunakan Golang

Jika anda seorang pembangun web dan belum menggunakan sambungan Pelayan Langsung dalam VSCode, adakah anda seorang pembangun? Bergurau sahaja. Tetapi adakah anda berfikir tentang bagaimana ia berfungsi di bawah tudung? Dalam blog hari ini, mari cuba fahami cara ia berfungsi dengan pelaksanaan langsung menggunakan Golang. Kenapa Golang? Nah, saya sedang meneroka Golang hari ini, dan apakah yang lebih baik untuk dipelajari daripada membina projek? Jadi cukup konteks (bukan yang dalam golang ) mari kita mulakan.

Bagaimana pelayan langsung berfungsi?

Jadi pelayan langsung memuatkan semula penyemak imbas secara automatik apabila ia mengesan sebarang pengubahsuaian dalam fail html,css atau js. Ia bermula dengan menyampaikan fail statik ini melalui pelayan HTTP. Di bawah tudung ia menggunakan pemerhati fail seperti fsnotify(kami akan menggunakan ini untuk projek kami), fswatch (dalam sistem fail berasaskan UNIX) atau Chokidar(untuk Nodejs) untuk terus memantau direktori projek untuk perubahan fail (pada asasnya apabila anda simpan sebarang fail dengan sambungan .html,.css,.js ) .

Pada intinya ia Menggunakan sambungan WebSocket antara pelayan (nod js) anda dan penyemak imbas. Apabila pelayan mengesan perubahan fail, ia menghantar pemberitahuan muat semula melalui WebSocket ke penyemak imbas. Penyemak imbas, seterusnya, memuatkan semula halaman untuk mencerminkan perubahan baharu yang dibuat. Selain itu ia menggunakan suntikan CSS (mengemas kini hanya gaya tanpa muat semula penuh), HMR (penggantian modul panas) untuk modul javascript. Ini memastikan pembangun mendapat maklum balas masa nyata tanpa perlu memuatkan semula penyemak imbas secara manual selepas setiap perubahan dalam kod .

Gambaran keseluruhan projek

Jadi dengan projek ini, idea saya adalah sama. Matlamat saya adalah untuk melihat perubahan fail (seperti HTML, CSS dan JavaScript) dan mencetuskan muat semula penyemak imbas apabila sebarang pengubahsuaian dikesan. Untuk ini, saya menggunakan pelayan HTTP terbina dalam Go dan pakej fsnotify, yang memantau peristiwa sistem fail dengan cekap.

1. Melayan Fail Statik

Langkah pertama ialah menyediakan pelayan HTTP mudah dalam Go yang menyediakan fail statik daripada direktori. Fail statik, seperti HTML, CSS dan JavaScript, akan dimuatkan daripada folder ./static. Ini dikendalikan menggunakan http.FileServer:

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

2. Muat Semula Titik Akhir

Seterusnya, saya memerlukan titik akhir yang akan memberitahu pelanggan untuk memuat semula apabila perubahan fail dikesan. Laluan /reload bertindak sebagai pencetus, menghantar mesej "muat semula" ke penyemak imbas apabila pelayan mengesan pengubahsuaian:

http.HandleFunc("/reload", func(w http.ResponseWriter, r *http.Request) {
    <-reloadChan
    w.Write([]byte("reload"))
})

Laluan ini mendengar acara pada saluran, yang kemudiannya akan diisi oleh pemberitahuan perubahan fail.

3. Menonton Perubahan Fail

Saya memanfaatkan pakej fsnotify untuk menjejaki perubahan dalam jenis fail tertentu (HTML, CSS dan JS). Pemerhati mendengar sebarang pengubahsuaian dan menolak pemberitahuan ke saluran muat semula apabila ia mengesan perubahan:

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

    for {
        select {
        case event := <-watcher.Events:
            if event.Op&fsnotify.Write == fsnotify.Write && isTrackedFile(event.Name) {
                log.Println("Modified File:", event.Name)
                reloadChan <- true
            }
        case err := <-watcher.Errors:
            log.Println("Error:", err)
        }
    }
}

4. Menapis Fail yang Dijejaki

Bukan setiap perubahan fail harus mencetuskan muat semula, jadi saya menambah penapis yang hanya menjejak sambungan fail tertentu: .html, .css dan .js. Ini dilakukan menggunakan fungsi failpath.Ext untuk menyemak jenis fail:

func isTrackedFile(fileName string) bool {
    ext := strings.ToLower(filepath.Ext(fileName))
    return ext == ".html" || ext == ".css" || ext == ".js"
}

5. Menjalankan Pelayan

Akhir sekali, saya melancarkan pelayan HTTP untuk mendengar pada port 8000 dan memulakan proses menonton fail secara serentak:

log.Println("Starting the server at: 8000")
log.Fatal(http.ListenAndServe(":8000", nil))

Fikiran Akhir

Walaupun contoh ini memfokuskan pada memuatkan semula fail statik, terdapat banyak ruang untuk penambahbaikan—seperti menambahkan sokongan WebSocket untuk komunikasi yang lebih lancar, pengendalian fail yang lebih baik dan mengembangkan senarai fail yang dijejaki.

Dengan hanya beberapa baris kod Go, saya dapat memperbaik aliran kerja untuk pembangunan web statik dan saya berharap untuk memperhalusi alat ini dengan lebih jauh lagi.

Lihat kod: serve-it GitHub

Atas ialah kandungan terperinci Cara Membuat Sambungan Pelayan Langsung Mudah Menggunakan Golang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!