Angular11 中在 Gitlab CI 上部署应用的实现方法

前言

Gitlab CI 是 Gitlab 提供的持续集成/持续部署(CI/CD)工具,可以帮助开发者自动化构建、测试和部署应用程序。本文将介绍如何在 Angular11 中使用 Gitlab CI 部署应用程序,包括配置 Gitlab CI、编写部署脚本以及在 Gitlab 中添加 CI/CD 变量等。

配置 Gitlab CI

首先,需要在 Gitlab 项目中创建一个名为 .gitlab-ci.yml 的文件,该文件用于配置 Gitlab CI。在该文件中,需要定义一个名为 deploy 的 job,用于部署应用程序。以下是一个示例 .gitlab-ci.yml 文件。

------ -----------

-------
  - -----
  - ------

------
  ---- ---------------------
  ------
    - -------------

------
  ------ -----
  -------
    - --- -------
    - -- ----- ------ -----

-------
  ------ ------
  -------
    - ------- ------ -- ------- ------- -- -------
    - ------- -- ------------- --- -- ------ --------------------------------
  -----
    - ------

上述代码中,image 指定了使用的 Docker 镜像,stages 定义了 job 的执行顺序,cache 定义了缓存的键和路径。build job 负责安装依赖和构建应用程序,deploy job 负责将构建后的应用程序部署到远程服务器。only 指定了只有在 master 分支提交代码时才会执行 deploy job。

需要注意的是,在 deploy job 中,需要安装 sshpass 并使用 scp 将构建后的应用程序部署到远程服务器。同时,需要在 Gitlab 项目中添加 CI/CD 变量,包括 SSH_PASSWORDSSH_USERSSH_HOSTDEPLOY_PATH 等,用于指定远程服务器的登录密码、用户名、主机名和部署路径等信息。

编写部署脚本

除了在 Gitlab CI 中配置部署 job 外,还需要编写一个部署脚本,用于在远程服务器上安装依赖和启动应用程序。以下是一个示例部署脚本。

-----------

- ----
--- ------- ------------

- ------
--- ----- --------------

上述代码中,使用 npm install --production 安装生产环境依赖,并使用 pm2 启动应用程序。需要注意的是,pm2 是一个流行的 Node.js 进程管理工具,可以帮助开发者管理应用程序的启动、重启、停止等操作。

总结

在本文中,我们介绍了如何在 Angular11 中使用 Gitlab CI 部署应用程序。需要注意的是,在部署过程中,需要配置 Gitlab CI 和编写部署脚本,并在 Gitlab 项目中添加 CI/CD 变量。通过本文的学习,读者可以深入理解 Gitlab CI 的使用方法,并掌握在 Angular11 中部署应用程序的实现技巧。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65daa39e1886fbafa47d83db