如何设置JavaScript的持续集成(附代码)

77 阅读3分钟

下面的教程将告诉你如何用Travis CI设置持续集成。持续集成应该确保在代码库中的每一个变化到达你的CI时,JavaScript应用程序都被构建和测试。例如,如果测试没有成功通过或者构建过程失败,CI就会失败。这就是为什么你可以在部署你的JavaScript应用程序之前总是看到它是否有成功的构建和测试。

如果你没有GitHub账户,也没有git的设置,你应该确保按照这个指南在你的机器上设置GitHub和git。之后,在GitHub上为你的JavaScript项目创建一个仓库,并提交/推送所有的变化到它。从那里,你的持续集成将拾取你的项目来测试和构建它。

现在,用你的GitHub账户为Travis CI创建一个账户。一旦你创建了它,你可以在他们的平台上访问你的仪表板,在那里你可以看到你所有的GitHub仓库。每个GitHub仓库都可以单独与Travis CI同步。例如,如果你目前在GitHub上有一个JavaScript项目,就把它同步到你的Travis CI仪表板上,让这个教程更实用。

javascript CI

现在你应该已经将Travis CI与你的GitHub仓库同步了。剩下的事情就是告诉 Travis CI 如何在他们的 CI 环境中安装和运行你的应用程序。在命令行中,在你的 JavaScript 项目的根目录下创建一个 Travis 配置文件。

touch .travis.yml

现在向它输入以下配置。最重要的部分是应该执行的脚本,以运行你的测试。

language: node_js
node_js:  - stable
install:  - npm install
script:  - npm test

通过git把这些修改再次推送到你的GitHub仓库。在你的仓库中的每一个代码变化,Travis CI都应该被自动通知,并通过其管道运行你的JavaScript项目。在他们的仪表板上,你应该看到构建过程和测试的成功或失败。如果你的JavaScript项目有一个以上的测试脚本,你可以简单地把它们放在Travis配置文件的后面。

language: node_js
node_js:  - stable
install:  - npm install
script:  - npm run test:unit && npm run test:snapshot && npm run test:cypress

注意:如果你使用Cypress.io进行E2E测试,你需要为addons添加另一个配置。

language: node_js

node_js:
  - stable

addons:
  apt:
    packages:
      # Ubuntu 16+ does not install this dependency by default, so we need to install it ourselves
      - libgconf-2-4

install:
  - npm install

script:
  - npm run test:unit && npm run test:snapshot && npm run test:cypress

最后但并非最不重要的,你可以为你的GitHub仓库添加一个花哨的徽章。首先,打开你的项目中的README.md文件。如果你没有这样的文件,在你的项目根目录下用命令行创建它。

touch README.md

第二,添加markdown来描述你的项目。一旦你推送了它,它在你的GitHub仓库中是可见的。此外,你可以为你通过或失败的构建过程添加花哨的徽章。在你的项目的Travis CI仪表板上,你应该找到灰色和绿色的 "构建通过 "徽章。

javascript testing continuous integration

点击它,你应该得到所有你需要的东西,以便在你的GitHub仓库中显示它。你可以选择Markdown版本,并将其复制粘贴到你的README.md文件。

# My JavaScript Project
[![Build Status](https://travis-ci.org/rwieruch/my-javascript-project.svg?branch=master)](https://travis-ci.org/rwieruch/my-javascript-project)

这个徽章引用了我的项目。所以请确保通过交换账户/组织和仓库名称来引用你自己的项目。这就是了。你已经为你的项目设置了持续集成,当你的构建失败时,它会通知你。此外,它在你的资源库中显示一个花哨的徽章,告知其他人你的项目构建成功,这为你的项目增加了可信度。