当前位置: 首页 > news >正文

如何在淘宝上接单网站建设网络域名

如何在淘宝上接单网站建设,网络域名,wordpress 屏蔽,网站推广包括Jenkins利用docker部署vue项目一、环境准备1、安装docker2、安装nodejs3、安装cnpm与配置淘宝镜像4、jenkins安装nodejs插件二、jenkins以vue项目1、全局参数配置2、源码配置3、构建环境4、构建三、构建项目四、访问一、环境准备 本次jenkins与部署vue项目在同一台机器&#x…

Jenkins利用docker部署vue项目

  • 一、环境准备
    • 1、安装docker
    • 2、安装nodejs
    • 3、安装cnpm与配置淘宝镜像
    • 4、jenkins安装nodejs插件
  • 二、jenkins以vue项目
    • 1、全局参数配置
    • 2、源码配置
    • 3、构建环境
    • 4、构建
  • 三、构建项目
  • 四、访问

一、环境准备

本次jenkins与部署vue项目在同一台机器,如果不在同一台机器,可以使用Publish Over SSH解决,参考下文
Jenkins部署Git中的Springboot项目(二)

1、安装docker

Centos安装Docker

2、安装nodejs

下载地址:

# 查找自己所需要的版本
https://nodejs.org/dist/latest/
下载
wget https://nodejs.org/dist/latest-v16.x/node-v16.19.1-linux-x64.tar.gz
tar -zxvf node-v16.19.1-linux-x64.tar.gz
# 配置环境变量
vim /etc/profile
# 路径需要自己更换
export PATH=/opt/button/nodejs/node-v16.19.1-linux-x64/bin:$PATH
source /etc/profile

3、安装cnpm与配置淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

4、jenkins安装nodejs插件

在插件管理中安装nodejs插件并重启jenkins
在这里插入图片描述
在jenkins全局配置中配置nodejs,路径更换为自己的路径即可
在这里插入图片描述

二、jenkins以vue项目

创建项目“vue-test”
在这里插入图片描述
配置:

1、全局参数配置

我这里配置了一个当前部署项目的一个版本号
在这里插入图片描述

2、源码配置

在这里插入图片描述

3、构建环境

在这里插入图片描述

4、构建

在这里插入图片描述
说明:

# vue项目打包完成之后,剩下的工作主要是由deploy.sh完成
cnpm -v
cd element-ui-demo
cnpm install
cnpm run build --prerelease
echo "cnpm打包完成了 "
echo "当前版本号:" $version
chmod 775 ./deploy.sh
sh deploy.sh $version

deploy.sh文件内容:

#!/bin/bash
version=$1
imagename=nginx-agent
container=nginx-agent
echo "执行docker ps"
docker ps 
if [[ "$(docker inspect $container 2> /dev/null | grep $container)" != "" ]]; 
then echo $container "容器存在,停止并删除"echo "docker stop" $containerdocker stop $containerecho "docker rm" $containerdocker rm $container
else echo $container "容器不存在"
fi
# 删除镜像
echo "执行docker images"
docker imagesps 
if [[ "$(docker images -q $imagesname 2> /dev/null)" != "" ]]; 
then echo $imagesname '镜像存在,删除它'docker rmi $(docker images -q $imagesname 2> /dev/null)
else echo $imagesname '不存在'
fi
docker build -t nginx-agent:$version .
echo "执行docker images"
docker images 
docker run --name nginx-agent -p 8001:80 -d $imagename:$version

其中还有几个重要的配置文件如下:
Dockerfile

FROM nginx
COPY ./dist/index.html /app/
COPY ./dist/static/js /app/static/js
COPY ./dist/static/css /app/static/css
COPY ./dist/static/fonts /app/static/fonts
COPY ./nginx.conf /etc/nginx/conf/nginx.conf
COPY ./default.conf /etc/nginx/conf.d/default.conf
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

nginx.conf

user  nginx;
worker_processes  auto;
error_log  /var/log/nginx/error.log notice;
pid        /var/run/nginx.pid;
events {worker_connections  65535;
}
http {include       /etc/nginx/mime.types;default_type  application/octet-stream;log_format  main  '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_referer" ''"$http_user_agent" "$http_x_forwarded_for"';access_log  /var/log/nginx/access.log  main;sendfile        on;#tcp_nopush     on;keepalive_timeout  65;#gzip  on;include /etc/nginx/conf.d/*.conf;
}

default.conf

server {listen  80;server_name localhost; location / {root  /app;try_files $uri $uri/ /index.html;index  index.html index.htm;}
}

源码地址:

https://gitee.com/superbutton/vue-study

三、构建项目

在这里插入图片描述
查看构建log
在这里插入图片描述

四、访问

http://ip:port
在这里插入图片描述

http://www.dt0577.cn/news/20992.html

相关文章:

  • 佛山市平台购物网站制作公司宁波网站制作优化服务公司
  • 哪个网站上做ppt比较好看网络广告的特点
  • 商务网站需求说明书电商广告
  • 打开网站关联词有哪些小学
  • 凡科建站官网需要什么推广注册app赚钱平台
  • 网络建设网站正规的网店培训机构有哪些
  • 网站查询功能怎么做山西网络营销外包
  • vue做的网站大全海外网络专线
  • 武汉手机网站成都网站优化
  • 网络推广做哪个网站比较好seo站内优化包括
  • 做的网站 为什么百度搜不到品牌广告语经典100条
  • 怎么自己做网站凑钱网络营销的表现形式有哪些
  • 医妃在上王爷别乱来seo推广任务小结
  • 泰州做网站哪家好seo优化范畴
  • 设计一个电子商务网站推广找客户平台
  • 网站设计哪家便宜怎么学seo基础
  • 卡片式多图流的WordPress主题模板百度爱采购关键词优化
  • 兰州网站建设模板下载上海搜索排名优化
  • 免费给别人开发网站广告公司
  • 做网站构架长尾关键词挖掘工具爱网站
  • 自己做网站模板2022百度seo优化工具
  • 网站如何做一张轮播图找资源最好的是哪个软件
  • 新手学做网站视频成都网站排名生客seo怎么样
  • 网页设计与网站建设课程设计上海网站建设关键词排名
  • 做化验的网站线上营销
  • 北京网站优化效果怎样深圳网站优化排名
  • 网站效果主要包括网络营销师证书需要多少钱
  • wordpress 商城安全天津百度seo排名优化软件
  • 动态网站开发投票源码成都网站制作
  • 阿里巴巴上做网站抖音seo优化软件