资讯专栏INFORMATION COLUMN

Angular+Jenkins+Nginx前端自动化部署

longshengwang / 2853人阅读

摘要:拉取代码执行构建通过上传代码到远程云服务器下载打开默认配置文件清空配置文件并以下内容重启检查运行状态,如果显示绿色的和其他信息说明运行成功

Jenkins

1.git拉取代码
2.执行shell构建

npm cache clean -f
npm install --registry=https://registry.npm.taobao.org 
./node_modules/.bin/ng build  --prod --aot

3.通过ssh上传代码到远程云服务器

Nginx

1.下载Nginx

$ sudo apt-get update
$ sudo apt-get install nginx

2.打开默认配置文件

sudo vi /etc/nginx/sites-available/default

3.清空配置文件并copy以下内容

server {
    listen 80 default_server;
    listen [::]:80 default_server;
 
    root /var/www/html;
    index index.html index.htm index.nginx-debian.html;
 
    server_name _;
 
    location / {
        try_files $uri $uri/ /index.html =404;
    }
} 

4.重启Nginx

sudo systemctl restart nginx

5.检查Nginx运行状态,如果显示绿色的“active”和其他信息说明运行成功

 sudo systemctl status nginx

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/40360.html

相关文章

  • 使用Jenkins持续集成前端项目并动化部署Nginx服务器

    摘要:上午折腾了一下持续集成,由于公司使用自己搭建的服务器来进行代码管理,因此这里是针对服务器来进行的配置,后面稍微介绍了下针对管理的项目的配置之前项目每次修改之后都需要本地一次手动发布到服务器上方便测试和产品查看,有了持续集成之后只要或者提交之 上午折腾了一下Jenkins持续集成,由于公司使用自己搭建的svn服务器来进行代码管理,因此这里Jenkins是针对svn服务器来进行的配置,后面...

    liukai90 评论0 收藏0
  • 一套基础动化部署搭建过程

    摘要:问题背景公司初创技术团队,没有任何基础设施的情况下,需要搭建一系列管理以及自动化部署等工具所以引发了下面一系列的部署过程,历时两天,中间也是碰到各种问题,但最终把基本工具全部搭建成功,耶,下面带大家一起看下此次搭建过程。 问题背景 公司初创技术团队,没有任何基础设施的情况下,需要搭建一系列code管理以及自动化部署等工具....所以引发了下面一系列的部署过程,历时两天,中间也是碰到各种...

    mzlogin 评论0 收藏0
  • 使用Jenkins进行持续部署(PHP代码)

    摘要:查看初始密码,这里我们的容器是首次进入,需要先安装插件,这里我们选择手工的去选择一些插件就行了,因为我们如果只是集成的话用不了多少插件插件选择我就不截图说明了,和里面得插件可以先取消。 在docker项目中单机构建jenkins使用gitlab的webhook对项目进行持续部署注意本次项目是php项目没有build和test部分,至于test部分我们下一节进行,本次只是进行一个提交部署...

    fjcgreat 评论0 收藏0
  • 前端自学笔记 - 第二篇(vuePress自动部署 & 后台项目自学)

    摘要:今天部署好了项目,现在写好了博客页面,只要一提交,会自动打包并且部署如果部署失败,还会发送邮件提醒。但今天为了自动化部署项目,挂了三四十次了,真是惨不忍睹。。。而这第二个项目,将会是第一个的深入。 长期更新前端自学笔记,欢迎关注 前端自学笔记 - 第一篇(nginx/flutter/后台系统/vuepress博客) 一、jenkins自动部署vuePress博客项目 自动化部署项目de...

    zzzmh 评论0 收藏0
  • 使用 Jenkins 自动部署 Docker 服务(二、构建部署篇)

    摘要:如果还没有搭建好可以使用的,请先移步到这篇文章进行搭建使用自动部署服务一搭建篇目标通过实现推送代码后自动部署基于的服务准备工作获取示例项目或者直接复制以下文件内容获取示例项目项目文件页面文件镜像文件部署文件部署脚本文件页面文件项目很简单, 如果还没有搭建好可以使用 Docker 的 Jenkins,请先移步到这篇文章进行搭建 使用 Jenkins 自动部署 Docker 服务(一、Je...

    denson 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<