文档章节

VUE项目发布shell脚本

淞沪警备司令
 淞沪警备司令
发布于 2019/03/07 15:28
字数 337
阅读 50
收藏 0

非docker部署

#!/bin/sh
cd frontend/website
echo "====================================start installing dependencies===================================="
cnpm install
sleep 1
echo "====================================start building===================================="
npm run build
sleep 1
echo "====================================start transfering dist files===================================="
rm -rf /home/tms/static/html/tms/dist
mv -f dist /home/tms/static/html/tms

docker部署

dockerfile文件

FROM node:9.11.1-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

FROM nginx:1.13.12-alpine as production-stage
COPY --from=0 /app/dist /user/share/nginx/html
COPY docker_build/config/nginx/nginx.conf /etc/nginx/nginx.conf
COPY docker_build/config/nginx/default.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

docker部署shell脚本

#!/bin/sh
set -e

red='\e[21;31m%s\e[0m\n'
green='\e[21;32m%s\e[0m\n'
yellow='\e[21;33m%s\e[0m\n'
blue='\e[21;34m%s\e[0m\n'
magenta='\e[21;35m%s\e[0m\n'
cyan='\e[21;36m%s\e[0m\n'
white='\e[21;97m%s\e[0m\n'

## start docker
LOCAL_PORT=8888
DOCKER_PORT=80
DOCKER_TAG=1.0
CONTAINER_NAME=tms_frontend
cd frontend/tms
printf "$yellow" "[1/3] >> remove docker container"
printf "$white" "===================================="
##docker ps --filter "status=exited" | grep 'weeks ago' | awk '{print $1}' | xargs --no-run-if-empty docker rm
##docker images | grep "<none>" | awk '{print $3}' | xargs  --no-run-if-empty  docker rmi
docker ps -aq | awk '{print $1}' | xargs --no-run-if-empty docker rm -f
sleep 5

docker images | grep "<none>" | awk '{print $3}' | xargs  --no-run-if-empty  docker rmi -f
sleep 5
# RUNNING_CONTAINERS=$(docker ps -aq)
# for i in $RUNNING_CONTAINERS
# do
#     echo "START ROMOVEING CONTAINER: ${i}"
#     docker stop ${i}
#     docker rm   ${i}
#     sleep 5
# done
 
printf "$yellow" "[2/3] >> build docker container"
printf "$white" "===================================="
docker build -t  tms_frontend:1.0 .


printf "$green" "[3/3] >> Starting HTTP Server on port $LOCAL_PORT"
printf "$white" "===================================="
docker run -p ${LOCAL_PORT}:${DOCKER_PORT} --net=host --name ${CONTAINER_NAME}  ${CONTAINER_NAME}:${DOCKER_TAG}




© 著作权归作者所有

淞沪警备司令

淞沪警备司令

粉丝 18
博文 115
码字总数 117124
作品 0
宁波
CTO(技术副总裁)
私信 提问
加载中

评论(0)

前端Tips: 创建, 发布自己的 Vue UI 组件库

创建, 发布自己的 Vue UI 组件库 前言 在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI, Vuetify 等. 只需一行命令, 即可方便的将这些库引入我们当前的项目: 但...

ssthouse_hust
2018/07/22
212
0
基于create-react-app打包编译自己的第三方UI组件库并发布到npm

前言 这篇文章主要是总结一下我们在工作中如何为公司开发内部的第三方UI组件,并通过npm install的方式安装的一些步骤和思路。在学习完这套发布方法后大家也可以快速的发布自己的UI库到npm,...

徐小夕_上海
2019/10/22
0
0
创建, 发布自己的 Vue UI 组件库

创建, 发布自己的 Vue UI 组件库 前言 在使用 Vue 进行日常开发时, 我们经常会用到一些开源的 UI 库, 如: Element-UI, Vuetify 等. 只需一行命令, 即可方便的将这些库引入我们当前的项目: 但...

ssthouse
2018/07/22
0
0
使用CLI 3 创建发布Web Components

本文翻译自:codementor 翻译不当之处,欢迎指正交流 Web Components是web平台的未来吗?关于这一问题支持和反对的观点有很多。事实上浏览器对Web Components的支持正在逐渐形成,并有越来越...

RachelehcaR
2018/09/13
0
0
如何使用@vue/cli 3.0在npm上创建,发布和使用你自己的Vue.js组件库

译者按: 你可能npm人家的包过成千上万次,但你是否有创建,发布和使用过自己的npm包? 原文: How to create, publish and use your own VueJS Component library on NPM using @vue/cli 3.0...

Fundebug
2018/06/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

如何在Javascript数组的开头添加新的数组元素?

问题: I have a need to add or prepend elements at the beginning of an array. 我需要在数组的开头添加或添加元素。 For example, if my array looks like below: 例如,如果我的数组如下...

技术盛宴
10分钟前
7
0
利用Python实现SQL自动化

笔者在工作中经常要使用SQL,其不乏存在恼人的细微差异和种种限制,但说到底,它是数据行业的基石。因此,对于每一位数据领域的工作者,SQL都是不可或缺的。精通SQL意义非凡。 SQL是很不错,...

Python圈子
12分钟前
8
0
UI库

amazeui layUI

四季变幻
19分钟前
15
0
如何实现RSA签名与验签

md5,sha1,sha256等签名方式相信大家已经都非常熟悉了,今天介绍如何使用RSA进行签名。 RSA签名使用起来其实也是非常的简单,无非就是使用私钥进行签名,使用公钥进行验签。使用方法如下。 ...

专业写BUG的程序员
20分钟前
13
0
我的Spring Cloud(十):Zipkin 服务跟踪

一、概述 为什么要有服务跟踪,分布式系统中有很多个服务在相互调用,调用关系是错综复杂的,如果这时出现了问题,我们在进行问题排查的时候,或者在优化架构的时候,工作量就比较大,这时候...

Zing丶
22分钟前
23
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部