簡(jiǎn)述
初創(chuàng)公司,最簡(jiǎn)單高效的前段自動(dòng)化部署方案,分享給大家.跟著我一步步操作有問題評(píng)論區(qū)提問
準(zhǔn)備
- 一臺(tái)Centos7至少內(nèi)存為4G的機(jī)器钢坦。
安裝Docker
curl -sSL https://get.docker.com/ | sh
安裝Gitlab
sudo yum install -y git vim gcc glibc-static telnet
sudo yum install -y curl policycoreutils-python openssh-server
sudo systemctl enable sshd
sudo systemctl start sshd
sudo yum install postfix
sudo systemctl enable postfix
sudo systemctl start postfix
- 新建 /etc/yum.repos.d/gitlab-ce.repo 文件
[gitlab-ce]
name=Gitlab CE Repository
baseurl=https://mirrors.tuna.tsinghua.edu.cn/gitlab-ce/yum/el$releasever/
gpgcheck=0
enabled=1
開始安裝
sudo EXTERNAL_URL="http://www.syappmp.com" yum install -y gitlab-ce
sudo gitlab-ctl reconfigure
域名設(shè)置一個(gè)內(nèi)網(wǎng)可以訪問到這臺(tái)機(jī)器IP的域名
訪問 http://www.yunliantaida.com 可以看到你安裝的gitlab
設(shè)置好用戶名密碼
安裝gitlab ci runner
curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash
sudo yum install gitlab-ci-multi-runner -y
sudo usermod -aG docker gitlab-runner
sudo service docker restart
sudo gitlab-ci-multi-runner status
返回 gitlab-runner: Service is running! 標(biāo)示安裝成功
GitLab CI設(shè)置
- 關(guān)注我待更新
創(chuàng)建NuxtJS
- 開發(fā)機(jī)安裝好NodeJS, Yarn具體安裝百度有很多
- 直接場(chǎng)景Nuxt項(xiàng)目
yarn create nuxt-app yunliantaida
cd yunliantaida
npm run dev
應(yīng)用現(xiàn)在運(yùn)行在 http://localhost:3000 上運(yùn)行涧郊。
編寫DockerFile
- nutx項(xiàng)目目錄下新建Dockerfile
FROM node:10.16.3-alpine
ENV NODE_ENV=production
ENV HOST 0.0.0.0
RUN mkdir -p /nuxt
COPY .nuxt/ /nuxt/.nuxt
COPY static/ /nuxt/static
COPY nuxt.config.js /nuxt/
COPY package.json /nuxt/
WORKDIR /nuxt
EXPOSE 3000
RUN ls
RUN npm config set registry https://registry.npm.taobao.org
RUN npm install
CMD ["npm", "start"]
編寫DockerRun腳本
- nutx項(xiàng)目目錄下新建dockerrun.sh
#!/bin/sh
IMAGE_NAME=nginx/www.syappmp.com
APP_NAME=www.syappmp.com
APP_VERSION=1.0
#檢查程序是否在運(yùn)行
is_exist() {
pid=$(docker ps -a --filter name=${APP_NAME} | awk '{if (NR>1){print $1}}')
#如果不存在返回1藕筋,存在返回0
if [ -z "${pid}" ]; then
return 1
else
return 0
fi
}
is_images_exist() {
pidDockerImages=$(docker images | grep '<none>' | awk '{print $3}')
if [ -z "${pidDockerImages}" ]; then
return 1
else
return 0
fi
}
is_images_exist
if [ $? -eq "0" ]; then
docker rmi ${pidDockerImages}
fi
is_exist
if [ $? -eq "0" ]; then
echo ">>> Dcoker is already running PID=${pid} <<<"
docker stop ${pid}
docker rm ${pid}
fi
docker run --name ${APP_NAME} -d -p 8020:80 ${IMAGE_NAME} &
echo ">>> start ${APP_NAME}:${APP_VERSION} running successed PID=$! <<<"
編輯自動(dòng)化部署腳本
- nutx項(xiàng)目目錄下新建 .gitlab-ci.yml (注意前面的.要復(fù)制)
stages:
- build
- deploy
build:
stage: build
tags:
- test
script:
#打包
- npm install
- npm run build
- docker build -t nginx/www.syappmp.com .
run:
stage: deploy
tags:
- test
script:
#執(zhí)行腳本
- sh dockerrun.sh
- 將Nutx項(xiàng)目上傳到GitLab上,每次提交推送git push會(huì)自動(dòng)化打包編譯部署運(yùn)行Docker容器
- 訪問 http://內(nèi)網(wǎng)服務(wù)IP:8020
- 如果有同學(xué)GitLab不會(huì)用可以百度一下
請(qǐng)幫忙點(diǎn)個(gè)贊 :)
轉(zhuǎn)自:http://www.reibang.com/u/9c5cb1ee4c46