使用caddy 进行nodejs web应用近实时编译更新

caddy 相比nginx 是一个不错的轻量代理服务器,支持的功能也是比较多的, 同时插件也挺多
demo 测试的是通过git 插件进行一个使用spec-md 编写的文档近实时编译以及预览

项目使用docker 构建,我已经在dockerhub 放了构建好的镜像

基本项目

  • website

    nodejs 项目,是需要进行近实时编译,发布的文档

https://github.com/rongfengliang/spec-md-demo.git
项目的运行构建运行比较简单 yarn build 即可
  • caddy 服务配置

    集成git插件

├── Caddyfile
├── Dockerfile
└── docker-compose.yaml
  • 代码说明
Caddyfile:
配置caddy git 插件,每个10s进行一次git pull 同时又变动,进行代码构建,使用then 指令
0.0.0.0
root src
git https://github.com/rongfengliang/spec-md-demo.git {
interval 10
then yarn build
}
Dockerfile: 
node 基础环境以及caddyfile 的添加
FROM abiosoft/caddy
RUN apk add nodejs
RUN apk add npm
RUN npm install -g yarn
WORKDIR /src
ADD Caddyfile /etc/Caddyfile
docker-compose.yaml:
docker-compose 运行配置
version: "3"
services:
  website:
    build: ./
    image: dalongrong/caddy-node-build
    ports:
    - "8090:2015"

构建&&运行

  • 构建
docker-compose build
  • 运行
docker-compose up -d

效果

通过日志可以看出来
10s pull 没有改变的


我们修改github 项目(website)

用途

比如我们使用nodejs es6 等高级特性编写代码,但是需要使用babel 或者类似的工具进行编译,但是又想实时查看效果,使用就是不错的,
同时集成容器技术,可以减少好多开发上的开销

参考资料

https://github.com/rongfengliang/spec-md-demo
https://caddyserver.com/docs/http.git
https://github.com/abiosoft/caddy-docker
https://github.com/rongfengliang/caddy-git-nodejs

posted on   荣锋亮  阅读(1203)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示