Spug官网直达 https://spug.cc

一、Spug

Spug 面向中小型企业设计的轻量级无 Agent 的自动化运维平台，整合了主机管理、主机批量执行、主机在线终端、文件在线上传下载、应用发布部署、在线任务计划、配置中心、监控、报警等一系列功能。
具体介绍官网都有，此处不在赘述。

二、Spug安装

docker安装spug:
1）拉去镜像

docker pull registry.aliyuncs.com/openspug/spug
[root@nb1 sbin]# docker images
REPOSITORY                            TAG           IMAGE ID       CREATED       SIZE
registry.aliyuncs.com/openspug/spug   latest        7238bc64e27d   2 days ago    687MB

2）启动容器
我这边监听主机8082端口，spug的数据映射到/data/spug_data

docker run -d --restart=always --name=spug -p 8082:80 -v /data/spug_data/:/data registry.aliyuncs.com/openspug/spug
[root@nb1 spug_data]# docker ps
CONTAINER ID   IMAGE                                 COMMAND                  CREATED        STATUS                           PORTS                                                  NAMES
bb001c1db674   registry.aliyuncs.com/openspug/spug   "/entrypoint.sh"         41 hours ago   Up 50 minutes                    0.0.0.0:8082->80/tcp, :::8082->80/tcp                  spug

3）初始化
以下操作会创建一个用户名为 admin 密码为 spug.dev 的管理员账户，可自行替换管理员账户。

docker exec spug init_spug admin spug.dev
# 执行完毕后需要重启容器
docker restart spug

-----> 在浏览器中输入 http://192.168.1.27:8082 访问。
用户名： admin
密码： spug.dev

登录后：

至此安装完毕。

三、Spug部署前端项目

这里给大家直通下，Nginx安装方法：Nginx从入门到实战（二）：Linux安装Nginx
整体部署流程：
1、前端项目打包成build.zip
2、通过Spug上传服务器
3、解压到nginx服务器运行
首先需要配置Spug
1）准备工作：
a、新建主机

b、新建环境（区分不同环境（开发、测试、生产等））

2）点击菜单：应用发布 —> 应用管理 —> 新建

新建后：

3）点击右侧的“新建发布”按钮：

下一步：
【注意】：

这里的路径：/usr/local/item/apppkg 和 /usr/local/nginx/html必须事前建立好，或者原来就存在。否则申请发布时日志会告诉你 “/usr/local/item/apppkg 不是目录”
正常部署是不能像我这样直接rm的，需要备份上一个版本，只需要写对应命令就可以了。
也可以在解压部署步骤的第一行加入cd /usr/local/item/apppkg命令，这样可以确保操作是无误的。
unzip命令可以采用覆盖操作，加-o参数。比如：unzip -o /usr/local/item/apppkg/build.zip

4）新建“发布申请”

四、发布

点击发布申请右边的发布—>确定

全部日志如下：

10:19:21 等待调度...        就绪√
10:19:21 数据传输...
transfer completed
10:19:21 解压部署...
Archive:  /usr/local/item/apppkg/build.zipinflating: build/asset-manifest.json  inflating: build/index.html        inflating: build/logo192.png       inflating: build/logo512.png       extracting: build/logoIcon.png      inflating: build/manifest.json     inflating: build/precache-manifest.0a55e84501116214ec04fbabb6b22b42.js  extracting: build/robots.txt        inflating: build/service-worker.js  creating: build/static/creating: build/static/css/inflating: build/static/css/2.929389fa.chunk.css  inflating: build/static/css/2.929389fa.chunk.css.map  inflating: build/static/css/main.43003f87.chunk.css  inflating: build/static/css/main.43003f87.chunk.css.map  creating: build/static/js/inflating: build/static/js/2.a2e6080c.chunk.js  inflating: build/static/js/2.a2e6080c.chunk.js.LICENSE.txt  inflating: build/static/js/2.a2e6080c.chunk.js.map  inflating: build/static/js/main.dabcf044.chunk.js  inflating: build/static/js/main.dabcf044.chunk.js.map  inflating: build/static/js/runtime-main.b861e341.js  inflating: build/static/js/runtime-main.b861e341.js.map  creating: build/static/media/extracting: build/static/media/loginbgi.9504acc7.png  inflating: build/static/media/titleImage.b3474249.png  10:19:22 ** 发布成功 **

可以看到，nginx部署目录下已经有内容了：

测试：http://192.168.1.127/#/login

报警功能请参考，下一文： Spug设置报警提醒功能（钉钉、微信、邮箱）落地详细

END

Spug发布前端项目实战全过程相关推荐

拉钩网前端项目实战04
拉钩网前端项目实战拉钩网前端项目实战04 banner和content设计一.banner部分设计 1.html部分 <div class="banner">< ...
WEB前端项目实战/酒仙网开发-李强强-专题视频课程
WEB前端项目实战/酒仙网开发-204人已学习课程介绍 WEB前端项目实战/酒仙网开发课程收益 WEB前端项目实战/酒仙网开发讲师介绍李强强更多讲师课程 ...
最新麦子学院Web前端项目实战 Web前端开发从入门到精通33G完整版
课程介绍下载地址:百度网盘一共超过33G的整套麦子学院Web前段视频教程,共分为4大阶段循序渐进的进行逐步深入的解读,从基础知识入门到后期的项目实战开发对于想从事Web前端学习和开发工作的朋友来 ...
html项目_学完html+css就可以做的前端项目实战
爱创课堂专业前端培训微信:haomei0452 前端资料免费分享平台关注博雅互动项目预览: 一.项目搭建 css部署:一定注意css引入顺序1 清除默认样式css文件 reset.css2 可以 ...
web前端项目实战_vue项目仿美团【爱创课堂】
目录 Vue 2.0 一.Vue Cli 1.1安装 1.2创建项目 1.3启动项目 1.4目录架构 1.5 webpack配置二.项目实战 2.1技术架构 2.2目录部署 2.3路由 2.4 we ...
TeamCity系列教程(二)-teamcity发布前端项目
上节介绍了如何使用docker容器搭建teamcity服务,本节来介绍如何发布你的第一个前端项目一.安装teamcity客户端上个教程也说了,teamcity分为服务端和客户端,服务端控制客户端, ...
web前端项目实战_Vue项目仿美团【爱创课堂】
目录 Vue 2.0 一.Vue Cli 1.1安装 1.2创建项目 1.3启动项目 1.4目录架构 1.5 webpack配置二.项目实战 2.1技术架构 2.2目录部署 2.3路由 2.4 we ...
手把手带用宝塔面板发布前端项目
全栈学习之路噫吁嚱,全栈之难,难于上青天.万丈高楼平地起,学习还得靠自己,同志们,盘一盘今天让我们从一个服务器开始,发布我们的一个前端项目,他讲让你快速拥有一个自己的服务器和自己专属页面,以及后续 ...
用html制作一个华为页面,Web前端项目实战——华为荣耀商城（学完html+css就可以做）...
复习: 1.1到目前所学的布局方式 table布局: div+css布局: 固定布局百分比布局 1.2 盒子模型 Margin border padding content 1.3 布局模型流 ...
找工作前练手前端项目实战2
这篇文章千锋长沙前端培训机构整理了10个前端实战项目,大家可以从当中选择自己想做的项目进行参考学习练手,你也可以从中寻找灵感去做自己的项目. 1.仿小米电商网站:本项目是基于原生JavaScript等 ...

Spug发布前端项目实战全过程

一、Spug

二、Spug安装

三、Spug部署前端项目

四、发布

END

Spug发布前端项目实战全过程相关推荐

最新文章

热门文章