Web Deploy 前端自动化部署平台，一个专门部署 Web 前端的自动化部署平台，相较于强大的 Jenkins 配置更加简单、使用更加方便快捷！支持发布版本回滚、各种 Web 的跨域部署等，目前此平台支持静态资源、 Vue、React 项目部署。若有任何疑问欢迎在 Issues 留言一起讨论。本项目将持续更新中... ٩(๑>◡<๑)۶
- 演示地址：http://swd.zhenglinglu.cn
- GitHub：https://github.com/zlluGitHub/swd-server
- 说明文档：https://zllugithub.github.io/web-deploy/
- 前端：Vue（全家桶）、font-awesome、view-design
- 后端：Nodejs、MongoDB、Express
- 工具：npm、git、pm2
【✔】前端项目静态部署，指部署打包后的静态资源（已完成） 【✔】git 自动部署，包括 github、gitlab、gitee 代码托管平台关联部署（已完成） 【✔】项目版本回滚部署，每个版本间可以进行切换部署（已完成） 【✔】支持多个项目部署，各项目之间互不影响（已完成） 【✔】各项目支持跨域（多个）请求部署（已完成） 【✔】支持 OAuth（github、gitlab、gitee）第三方登录（已完成） 【✔】支持项目部署服务的暂停/启动（已完成） 【✔】支持自动部署服务的暂停/启动（已完成） 【✔】支持部署项目的 history/hash 访问模式（已完成）
yum install git确认Git已经安装成功
git version若出现版本号则安装成功！
wget https://nodejs.org/dist/v13.1.0/node-v13.1.0-linux-x64.tar.xz
xz -d node-v13.1.0-linux-x64.tar.xz
tar -xvf node-v13.1.0-linux-x64.tar.xzNodejs 安装成功后配置一下环境变量，即可。
node -v
npm -v若出现版本号则安装成功！ 参考资料：CentOS 7上安装 Node.js 的 4 种方法（包含npm）
npm install cnpm -g --registry=https://r.npm.taobao.org参考资料：https://developer.aliyun.com/mirror/npm/package/cnpm
npm install -g pm2确认pm2已经安装成功
git -v若出现版本号则安装成功！参考资料：Linux（centos7）下 pm2 的安装步骤及问题总结
//下载mongodb包
wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.0.1.tgz
//解压mongodb包
tar xzvf mongodb-linux-x86_64-rhel70-4.0.1.tgz
//重命名
mv mongodb-linux-x86_64-rhel70-4.0.1 mongodbserver下载完成之后打开 swd-server 根目录下的 config.json 文件，填写配置项。
git clone https://github.com/zlluGitHub/swd-server.git快速运行
cd web-deploy
npm instail
node ./bin/www若运行没有问题，则可以使用 pm2 使进程常驻后台
cd web-deploy/bin
pm2 start ./bin/www --name="web-deploy"{
"port": 80,
"mongodb": {
"ip": "127.0.0.1",
"port": "27017",
"database": "webdeploy",
"username": null,
"password": null
},
user: {
name: 'admin',
email: '[email protected]',
password: 'xxxxxxx'
},
email: {
host: 'smtp.163.com',
port: 465,
username: 'xxxxxxxxxxx',
password: "xxxxxxxxxxxx",
},
ws: {
port: 3006
},
"oauth": { // 第三方登录相关配置
"github": {
"state": false, //如需开启请设置成 true ,默认 false
"client_ID": "", // 客户ID
"client_Secret": "", // 客户密匙
"access_token_url": "https://github.com/login/oauth/access_token", // 获取 access_token 地址
"user_info_url": "https://api.github.com/user", // 获取用户信息
"name": "你的github账号名称"
},
"gitee": {
"state": false, //如需开启请设置成 true ,默认 false
"client_ID": "", // 客户ID
"client_Secret": "", // 客户密匙
"headers": { //请求头配置
"User-Agent": "你的gitee用户名"
},
"access_token_url": "https://gitee.com/oauth/token",// 获取 access_token 地址
"user_info_url": "https://gitee.com/api/v5/user" // 获取用户信息
},
"gitlab": {
"state": false, //如需开启请设置成 true ,默认 false
"client_ID": "", // 客户ID
"client_Secret": "", // 客户密匙
"access_token_url": "", // 获取 access_token 地址
"user_info_url": "" // 获取用户信息
}
}
}此平台包含自己的登录方式，若需开启邮箱注册验证，需要在根目录下找到 deploy.config.js 配置文件，添加如下配置即可（以 163邮箱 为例）
{
...
...
"email": {
"host": "smtp.163.com",
"port": 465,
"from": "[email protected]",
"password": "xxxxxxxxxxxxx",
}
}根据自身需求添加对应第三方配置即可。
此平台已支持 github、gitlab、gitee 这三种登录方式，首先，需要在根目录下找到 config.json 配置文件，添加如下内容（根据自身需求添加即可）
{
...
...
oauth: {
github: {
state: true,
user_agent: " ",
client_ID: " ",
client_Secret: " ",
authorize_url: "https://github.com/login/oauth/authorize",
access_token_url: "https://github.com/login/oauth/access_token",
user_info_url: "https://api.github.com/user",
redirect_uri: "http://127.0.0.1/login"
},
gitee: {
state: true,
user_agent: "",
client_ID: "",
client_Secret: "",
authorize_url: "https://gitee.com/oauth/authorize",
access_token_url: "https://gitee.com/oauth/token",
user_info_url: "https://gitee.com/api/v5/user",
redirect_uri: "http://127.0.0.1/login"
},
gitlab: {
state: true,
client_ID: "",
client_Secret: "",
authorize_url: "http://127.0.0.1/oauth/authorize",
access_token_url: "http://127.0.0.1/oauth/token",
user_info_url: "http://127.0.0.1/api/v4/user",
redirect_uri: "http://127.0.0.1/login"
},
gitea: {
state: true,
client_ID: "",
client_Secret: "",
authorize_url: "http://127.0.0.1/login/oauth/authorize",
access_token_url: "http://127.0.0.1/login/oauth/access_token",
user_info_url: "http://127.0.0.1/api/v1/user",
redirect_uri: "http://127.0.0.1/login"
}
}
}属性说明
| 属性 | 说明 |
|---|---|
| state | 开启状态（ true 或 false ） |
| client_ID | 用户编号。在自己的 git 上获取 |
| client_Secret | 用户秘钥。在自己的 git 上获取 |
| access_token_url | 获取令牌 access_token 的 url |
| user_info_url | 获取用户信息的 url |
| name | github 账号名称（只有 github 需要此配置） |
| 根据自身需求添加对应第三方配置即可。 |
以 Linux CentOS 7 为例
安装 swt-cli 后 swt 命令即可使用，可通过此命令快速构建与 web deploy 平台配套的 Vue 项目模板。
其中 my-template 为需要构建的项目名称，可随意更改。
swt install my-template
这种部署适用于一些静态资源的部署，部署方式如下： 1、填写（选择）项目名称； 2、填写你要部署的根目录； 3、若部署项目存在跨域问题，可在这里填写代理地址（选填）； 4、点击上传你要部署的项目打包目录文件； 5、填写项目的部署摘要内容； 6、点击提交部署即可；
1、填写（选择）项目名称； 2、填写你要部署的根目录； 3、若部署项目存在跨域问题，可在这里填写代理地址（选填）； 4、填写你要部署的项目的 Git 地址； 5、填写你要部署的项目的 Git 分支，默认 master； 6、填写项目的打包部署命令，例如：npm run build； 7、根据项目实际的打包目录为准，默认：dist； 8、填写项目的部署摘要内容； 9、点击提交部署即可；
注意：此部署方式部署时间会根据项目的大小而不同，请耐心等待即可，另外，部署成功之后会返回一个 key 值，此 key 值将用于关联Git，且只会出现一次。
1、配置 webhook 相关钩子链接，打开 gitea 找到需要部署的项目仓库 -> Settings -> Webhooks -> Add webhook；
2、填入相关配置信息
3、点击 Add Webhook 配置成功
1、由于仓库的公开程度是 Private 需将其设置成 Public，打开 gitlab 找到需要部署的项目仓库 -> Settings -> General
2、配置 webhook 相关钩子链接，打开 gitlab 找到需要部署的项目仓库 -> Settings -> Integrations；
3、填入相关配置信息
4、点击 Add Webhook 配置成功
1、配置 webhook 相关钩子链接，打开 github 找到需要部署的项目仓库 -> Settings -> Webhooks -> Add webhook；
2、填入相关配置信息
3、点击 Add Webhook 配置成功
