我们知道持续集成和发布（CI / CD）是时下开发运维界的香饽饽。每一个团地都是使用CI / CD来极大的提高开发效率，加速项目的转化和部署上线。然而还有很多开发者还因为CI / CD的初始比较繁琐而望而却步。这里虫虫给实例大家介绍一个最简单的CI / CD流程，实现代码编写编译部署一栈式流程，该流程涉及免费版的Travis CI ，Github页面，和Scala.js，实现Scala.js应用程序到Github页面的持续部署。
概述
Scala.js
Scala.js是一种具有良好生态系统，功能齐全，支持丰富的Scala To JS代码编译器。Scala.js支持全部Scala语言特性，通过Scala.js，可以实现从前端到完全的Scala全栈Web开发。
特拉维斯CI
Travis CI是一种开源的持续集成CI系统，和其他CI系统比较，Travis CI提供在SaaS云版本和GitHub项目可以无缝集成，构建和测试GitHub上托管的项目。对Github公开项目可免费使用，直接通过Github账号登陆和配置使用。我们只需要接收自己的GitHub帐户，提供相关权限并根据项目的实际要求更新travis.yaml文件即可。
环境安装
所有环境需要Node.js和sbt，需要安预先安装Node.js和sbt，另外需要Github帐户。
centos下一个可以可以先将khara-nodejs-epel-7.repo和bintray-sbt-rpm.repo添加到/etc/yum.repos.d，然后通过yum安装
百胜安装nodejs nodejs-npm sbt
项目实战
创建项目
运行以下命令：
sbt new scala/hello-Chongchong.g8
该命令将以“ hello-world”模板创建一个创建一个Scala项目。
我们也可以从头开始手动创建Scala.js项目，可以执行下面的步骤：
创建文件project / plugins.sbt，并通过添加以下代码，添加Scala.js sbt插件：
addSbtPlugin("org.scala-js" % "sbt-scalajs" % "0.6.29")
我们要设置基本项目，并在sbt生成文件中启用此插件。在build.sbt中添加以下行（在项目根目录中）：
enablePlugins(ScalaJSPlugin)
scalaJSUseMainModuleInitializer := true
运行项目
要运行该项目，立即启动sbt并调用运行任务：
sbt run
结果如下：
HTML集成
为了加载和启动创建的JS，我们需要一个HTML文件来调用JS。我们在项目的根目录中创建文件夹source。将所有源文件（html，图像，脚本，样式）放在此文件夹中，同时我们也手动创建一个index.html文件，内容如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Scala.js CI实例</title>
</head>
<body>
<!-- Include Scala.js compiled code -->
<script type="text/javascript" src="js/hello-world-fastopt.js"></script>
</body></html>
创建Github仓库
在项目的根文件夹中添加.gitignore文件，排除以下这些文件：
*.class
*.log
.cache/
.history/
.lib/
dist/*
target/
lib_managed/
src_managed/
project/boot/
project/plugins/project/
生成仓库，并推送到github
git init
git add . & git commit -m init
git push
配置Travis CI
使用github账号授权并登陆Travis CI，选择需要集成的一个公共仓库，并激活：
github仓库设置页，给其选择pages源，此处我们选择gh-pages分支，开启pages
在github个人设置开发人员设置/个人访问令牌，配置权限部分生成令牌，复制该值。
在“环境变量”下，输入GH_TOKEN作为名称，替换为上面保存的令牌填充的值插入，以添加为保存它。
前面我们在项目根目录下创建源文件夹，将应用程序的静态文件放入其中。
为了生成静态文件，Travis CI需要将公共文件夹的内容复制到项目的根目录，并将其提交。下面我们将创建一个脚本deploy.sh实现将静态文件移动到公用文件夹。
if [ ! -d "public" ]; then
mkdir public
fi
cp -fr source/* public/
if [ ! -d "public/js" ]; then
mkdir public/js
fi
sbt fastOptJS
cp target/scala-*/*.js public/js/
添加并提交deploy.sh文件到仓库，以在Travis CI上生成.travis.yml文件，放入其添加并提交到仓库库中，以使用以下内容配置Travis CI：
language: scala
jdk: openjdk8
scala:
- 2.12.10
branches:
only:
- master
script:
- bash deploy.sh
deploy:
provider: pages
skip-cleanup: true
github-token: $GH_TOKEN
keep-history: true
on:
branch: master
local-dir: public
Travis CI会自动编译，部署后，成功后：
现在，切换到仓库的gh-pages分支，就可发现Travis机器人自动发布生成的页面：
我们切换到项目对应的页面，F12，调试模式下查看页面的控制台输出：
OK，如上图，我们的Scala.js应用程序已部署在Github Pages上了！
请注意，此处我们为了方便，只是搞了个简单的控制台打印hello，ChongChong，一直在html页中显示元素，所以直接浏览器打开是空白页面，大家可以在此基础上在页面添加内容。 scala代码为为：
object Main extends App {
println("Hello, ChongChong!")
}
Travis CI部署了Scala.js应用
总结
本文我们以简单的scala.js示例说明了，通过Travis CI在Github页面上实现持续集成和部署的实例。主要介绍了Travis CI配置以及和Github仓库的交互，持续集成一栈式迭代发布的流程。
网友评论