npm 包 ember-cli-deploy-github-deployments 使用教程

阅读时长 4 分钟读完

前言

在现代的前端开发中,持续集成、自动化部署等已经是不可或缺的一部分。而 ember-cli-deploy-github-deployments 就是一款优秀的 npm 包,能够帮助开发者进行自动化部署,构建 GitHub Deployments,以便于开发者能够更好的进行发布、调试和测试等操作。在本文中,我们将详细介绍如何使用 ember-cli-deploy-github-deployments 进行项目部署。

环境准备

  • Node.js 6.x 或更高版本。
  • Ember-cli-deploy 的基本知识。

安装 ember-cli-deploy-github-deployments

首先,我们需要在项目中安装 ember-cli-deploy-github-deployments 依赖包。执行以下命令:

创建 Github tokens

我们需要创建一个 GitHub token,用于设置部署时的访问权限。以下是创建 token 的步骤:

  1. 登录 Github 账号。
  2. 进入 settings/tokens 页面
  3. 点击 Generate new token 按钮,生成 token。
  4. 给 token 命名,并勾选 repo。

在 deploy.js 文件中配置 Your App

新建 deploy.js 文件,并按照以下方式进行配置:

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

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

上述代码中,‘YOUR-GITHUB-USER-NAME’ 和 'YOUR-REPO-NAME' 分别改成你的 GitHub 用户和 repo 名称。同时,也可将 Ref 设置为 master 或其他分支,这里以 release/${new Date().getTime()} 作为 Ref,用于做新的一个版本。

配置环境变量

在 package.json 文件中配置环境变量:

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

将其中的 YOUR-ACCESS-TOKEN 设置为上面生成的 token。

部署项目

最后,我们可以部署项目,并将构建内容推送至 GitHub 上的 Deployments。我们只需运行以下 command 即可:

以上命令将运行 deploy.sh 文件。其中 deploy.sh 文件中的内容如下:

至此,我们已经完成了基于 ember-cli-deploy-github-deployments 的项目部署,输出还包括部署错误和其他日志。

总结

本文详细介绍了如何使用 npm 包 ember-cli-deploy-github-deployments 进行自动化部署,包含了环境的准备、GitHub Tokens 的创建、部署的配置、环境变量的配置以及如何部署项目等。我们希望这篇文章能够为您提供一些有用的学习和指导。如果您有任何问题或建议,欢迎在评论区进行留言。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005601481e8991b448de234

纠错
反馈