使用Go语言快速构建静态资源服务

 更新时间:2025年08月15日 09:18:30   作者:程序员爱钓鱼  
在 Web 开发中,除了提供 API 接口外,往往还需要对外提供静态资源服务,比如:CSS,JS,图片等,本文将用 Gin 框架 演示如何快速构建一个静态资源服务,希望对大家有所帮助

在 Web 开发中,除了提供 API 接口外,往往还需要对外提供静态资源服务,比如:

  • CSS 样式文件
  • JavaScript 脚本
  • 图片、字体等静态资源

Go 的 net/http 包和 Gin 框架都提供了方便的方式来托管这些静态文件。

本篇我们将用 Gin 框架 演示如何快速构建一个静态资源服务。

一、功能目标

使用 Gin 提供一个静态资源目录,让用户能直接访问 CSS、JS、图片。

演示 HTML 页面引入这些静态资源。

支持前端直接访问 /static/... 路径获取文件。

二、项目结构

假设我们的项目目录结构如下:

project/
│── main.go
│── static/
│     ├── css/
│     │    └── style.css
│     ├── js/
│     │    └── app.js
│     └── images/
│          └── logo.png
└── templates/
      └── index.html

三、代码实现

package main

import (
    "github.com/gin-gonic/gin"
    "net/http"
)

func main() {
    r := gin.Default()

    // 1. 加载模板
    r.LoadHTMLGlob("templates/*")

    // 2. 提供静态文件服务
    //   /static 对应项目下的 static 目录
    r.Static("/static", "./static")

    // 3. 首页路由
    r.GET("/", func(c *gin.Context) {
        c.HTML(http.StatusOK, "index.html", nil)
    })

    // 启动服务器
    r.Run(":8080")
}

四、HTML 模板示例

templates/index.html

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>静态资源示例</title>
    <!-- 引入 CSS -->
    <link rel="stylesheet" href="/static/css/style.css" rel="external nofollow" >
</head>
<body>
    <h1>欢迎来到 Go 静态资源服务示例</h1>
    <!-- 引入图片 -->
    <img src="/static/images/logo.png" alt="Logo" width="150">

    <!-- 引入 JS -->
    <script src="/static/js/app.js"></script>
</body>
</html>

五、静态资源示例

static/css/style.css

body {
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    text-align: center;
}
h1 {
    color: #333;
}

static/js/app.js

document.addEventListener("DOMContentLoaded", function() {
    console.log("JavaScript 已加载");
});

六、运行与访问

运行服务:

go run main.go

在浏览器访问:http://localhost:8080/

你会看到页面正常加载了 CSS 样式、图片和 JavaScript 脚本。

静态资源也可以直接访问:

http://localhost:8080/static/images/logo.png http://localhost:8080/static/css/style.css

七、总结

  • Gin 提供 Static() 方法一行就能完成静态文件托管。
  • 静态文件路径映射和 URL 前缀可以灵活配置。
  • 结合 HTML 模板,可以很方便地构建完整的前端页面服务。

到此这篇关于使用Go语言快速构建静态资源服务的文章就介绍到这了,更多相关Go静态资源服务内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • GoLand编译带有构建标签的程序思路详解

    GoLand编译带有构建标签的程序思路详解

    这篇文章主要介绍了GoLand编译带有构建标签的程序,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-11-11
  • Gin框架中的GET和POST表单处理的实现

    Gin框架中的GET和POST表单处理的实现

    Gin框架提供了简单而强大的机制来处理GET和POST表单提交的数据,通过c.Query、c.PostForm、c.Bind和c.Request.FormFile等方法,可以轻松地获取和处理各种表单数据,感兴趣的可以了解一下
    2025-03-03
  • 详解Golang中日志库glog的使用

    详解Golang中日志库glog的使用

    golang/glog 是 C++ 版本 google/glog 的 Go 版本实现,基本实现了原生 glog 的日志格式,下面大家就跟随小编一起了解一下glog的具体使用吧
    2023-09-09
  • golang编程入门之http请求天气实例

    golang编程入门之http请求天气实例

    这篇文章主要介绍了golang编程入门之http请求天气实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • 解决go语言ssh客户端密码过期问题

    解决go语言ssh客户端密码过期问题

    这篇文章主要介绍了go语言ssh客户端解决密码过期问题,本文给大家分享了解决的方法和原理,非常不错,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • golang中http请求的context传递到异步任务的坑及解决

    golang中http请求的context传递到异步任务的坑及解决

    这篇文章主要介绍了golang中http请求的context传递到异步任务的坑及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 基于golang channel实现的轻量级异步任务分发器示例代码

    基于golang channel实现的轻量级异步任务分发器示例代码

    这篇文章主要给大家介绍了关于基于golang channel实现的轻量级异步任务分发器的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-07-07
  • 详解Go中Map类型和Slice类型的传递

    详解Go中Map类型和Slice类型的传递

    这篇文章主要为大家详细介绍了Go中Map类型和Slice类型的传递,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • GO语言学习之语句块的实现

    GO语言学习之语句块的实现

    本文主要介绍了GO语言学习之语句块的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-06-06
  • golang gorm 操作mysql及gorm基本用法

    golang gorm 操作mysql及gorm基本用法

    golang 官方的那个操作mysql的有点麻烦所以就使用了gorm,下面就gorm的使用做下简单介绍,感兴趣的朋友跟随小编一起看看吧
    2018-11-11

最新评论