首页 > 其他分享> > 微服务持续集成之部署前端静态web网站

微服务持续集成之部署前端静态web网站

2022-03-04 12:00:25 作者：互联网

微服务持续集成之部署前端静态web网站

在生产服务器安装配置nginx
jenkin安装NodeJs插件
创建前端流水线项目
修改前端项目配置的网关地址
构建项目
访问站点

在生产服务器安装配置nginx

生成服务器安装nginx

yum -y install epel-release
yum -y install nginx

修改nginx端口，将端口修改为9090，防止端口冲突

vim /etc/nginx/nginx.conf
--------
    server {
        listen       9090;
        listen       [::]:9090;
        server_name  _;
        root         /usr/share/nginx/html;
---------

关闭selinux，启动nginx

 setenforce 0
 sed -i '/^SELINUX/ s/enforcing/disabled/' /etc/selinux/config
 systemctl disable firewalld --now
 
 systemctl enable nginx --now
 netstat -natp |grep 9090

浏览器访问测试

jenkin安装NodeJs插件

安装NodeJs插件

jenkins 配置nginx服务

Manage Jenkins->Global Tool Conﬁguration

创建前端流水线项目

创建前端流水线项目

//harbor的凭证
def  git_auth="f3268a97-e838-4da4-ba6a-5a4ef6f12c4b"

node {
    stage('pull code') {
        //切换成变量，字符串符号使用双引号
        checkout([$class: 'GitSCM', branches: [[name: '*/master']], extensions: [], userRemoteConfigs: [[credentialsId: "${git_auth}", url: 'git@192.168.23.10:my_group/tensquare_front.git']]])
    }

    stage('make package,deploy') {
            //使用nodejs的npm打包
            nodejs('nodejs12'){
                sh '''
                    npm install
                    npm run build
                '''
            }
            //远程部署
            sshPublisher(publishers: [sshPublisherDesc(configName: 'master_server', transfers: [sshTransfer(cleanRemote: false, excludes: '', execCommand: '', execTimeout: 120000, flatten: false, makeEmptyDirs: false, noDefaultExcludes: false, patternSeparator: '[, ]+', remoteDirectory: '/usr/share/nginx/html', remoteDirectorySDF: false, removePrefix: 'dist', sourceFiles: 'dist/**')], usePromotionTimestamp: false, useWorkspaceInPromotion: false, verbose: false)])
    }
}

凭证的id获取方式：在凭证管理，点击对应的凭证-->点击update--->找到id栏