部署方案

[clearcodecn]

实现项目

https://github.com/clearcodecn/chatgpt-demo-proxy

本地服务器代理方式部署. 详见下面的图解:

• /api/* 接口，使用代理方式，访问远程的地址.

• /_astro/* 直接地址模糊匹配，访问本地的文件路径, 也就是 npm run build 之后的 /dist/client 文件夹的静态资源.

代理方式可以用下面的方式实现, goalng 代码:

const apiURL       = `https://chatgpt-**.vercel.app`
const httpProxyURL = `http://127.0.0.1:1081`

func Proxy(ctx *gin.Context) {
	r := ctx.Request
	dstURL, _ := url.Parse(apiURL)

       // 可以对该接口鉴权. 

	ctx.Request.Host = dstURL.Host
	pxy := httputil.NewSingleHostReverseProxy(dstURL)
	if httpProxyURL != "" {
		u, _ := url.Parse(httpProxyURL)   // 代理，
		pxy.Transport = &http.Transport{
			Proxy: http.ProxyURL(u),
		}
	}
	pxy.ServeHTTP(ctx.Writer, r)
}

• 静态资源访问方式, 本地打包出来的 dist 后面带了hash，和服务器上的不一致，不要紧，模糊匹配就行:

func ProxyStatic(ctx *gin.Context) {
	if serveStatic(ctx) {
		ctx.Header("Cache-Control", "max-age=864000")
		ctx.Header("Expires", time.Now().AddDate(0, 0, 10).Format(http.TimeFormat))
		return
	}
	ctx.Header("Content-Type", "text/html")
	ctx.String(200, html)
}



func containURL(ctx *gin.Context, part string) bool {
	return strings.Contains(ctx.Request.URL.Path, part)
}

func serveStatic(ctx *gin.Context) bool {
	if containURL(ctx, "_astro/index") {
		ctx.Header("Content-Type", "text/css")
		ctx.String(200, css)
		return true
	}
	if containURL(ctx, "_astro/Generator") {
		ctx.Header("Content-Type", "text/javascript")
		ctx.String(200, genjs)
		return true
	}
	if containURL(ctx, "_astro/client") {
		ctx.Header("Content-Type", "text/javascript")
		ctx.String(200, clientjs)
		return true
	}
	if containURL(ctx, "_astro/web") {
		ctx.Header("Content-Type", "text/javascript")
		ctx.String(200, webjs)
		return true
	}
	if containURL(ctx, "favicon.svg") {
		ctx.Header("Content-Type", "image/svg+xml")
		ctx.String(200, svg)
		return true
	}
	return false
}

var (
   //go:embed dist/client/favico.svg 
   svc string
 // .. 其他静态变量 , 可以通过 直接加在文件的方式，也可以 embed 嵌入，看自己实现. 
)

放一个在线体验的地址:

https://www.x-sms.cn/gpt