OSD600 and DPS909 Winter 2018 Lab 7

Traivs CI and Deployment to GH-Pages

This week we're looking at Continuous Integration with cloud services like Travis CI. We'll use Travis CI to setup automatic deployment of our Bridge Troll web app to GitHub's gh-pages hosting service.

In this lab, you are asked to add automation and deployment configuration to your clone of bridge troll in order to learn how to use Travis CI for automatic deployment of code to the web. We'll also learn how to use GitHub for static hosting of web apps.

1. Update your Bridge Troll Fork

Make sure you're running the latest version of my repo. To do this, update your version like so:

git fetch upstream git checkout -B master upstream/master

This will download the latest commits from my upstream repo, and reset your master branch to be the same as mine.

2. Enable Traivs CI for your Fork

Everything you'll do in this lab will be done on your own personal fork (i.e., you aren't going to send me a pull request).

First, login to travis-ci.org with your GitHub account.

Second, enable your bridge-troll repo in the list of repos that Travis is connected to.

3. Add Deployment Step

In the .travis.yml file, you'll need to add steps for deployment to GH-Pages.

Follow the instructions:

• https://docs.travis-ci.com/user/deployment/
• https://docs.travis-ci.com/user/deployment/pages/

NOTE: you may need to alter the Travis build script in order to run npm run build. This creates the production dist/ folder. For example, you might choose to do this during the before deploy step.

4. Confirm Your Deploy

When you have successfully deployed to GH-Pages, you should be able to visit your gh-pages URL and see your code live on the web. See docs in https://help.github.com/categories/github-pages-basics/.

8. Submission

Submit a link to your forked repo's .travis.yml file, and also a link to your forked version of bridge troll running on gh-pages.

#	Name	.travis.yml file (URL)	Bridge Troll on GH-Pages (URL)
1	Hao Chen	https://github.com/haoRchen/bridge-troll/blob/master/.travis.yml	https://haorchen.github.io/bridge-troll/dist/index.html
2	Owen Mak	https://github.com/Owen-Mak/bridge-troll/blob/gh-pages/.travis.yml	https://owen-mak.github.io/bridge-troll/dist/
3	Hongcheng Zhang	https://github.com/StevenZhang123/bridge-troll/blob/gh-pages/.travis.yml	https://stevenzhang123.github.io/bridge-troll/dist/index.html
4	Qiliang Chen	https://github.com/KignorChan/bridge-troll/blob/master/.travis.yml	https://kignorchan.github.io/bridge-troll/dist/
5	Aaron Scott	https://github.com/ARDScott/bridge-troll/blob/master/.travis.yml	https://ardscott.github.io/bridge-troll/dist/
6	Alex wang	https://github.com/AlexWang-16/bridge-troll/blob/gh-pages/.travis.yml	https://alexwang.ca/bridge-troll/dist/
7	Lucas Verbeke	https://github.com/Micluc/bridge-troll/blob/master/.travis.yml	https://micluc.github.io/bridge-troll/dist/
8	Yalong Li	https://github.com/yalooong/bridge-troll/blob/master/.travis.yml	https://yalooong.github.io/bridge-troll/dist/
9	Matthew Quan	https://github.com/irrationalRock/bridge-troll/blob/master/.travis.yml	https://irrationalrock.github.io/bridge-troll/dist/
10	Kelvin Cho	https://github.com/TheKinshu/bridge-troll/blob/master/.travis.yml	https://thekinshu.github.io/bridge-troll/dist/
11	Vimal Raghubir	https://github.com/Vimal-Raghubir/bridge-troll/blob/master/.travis.yml	https://vimal-raghubir.github.io/bridge-troll/dist/
12	Michael Fainshtein	https://github.com/mfainshtein2/bridge-troll/blob/master/.travis.yml	https://mfainshtein2.github.io/bridge-troll/dist/
13	Aleksey Glazkov	https://github.com/alexglazkov9/bridge-troll/blob/master/.travis.yml	https://alexglazkov9.github.io/bridge-troll/dist/
14	Zhihao Cai	https://github.com/josechoy/bridge-troll/blob/master/.travis.yml	https://josechoy.github.io/bridge-troll/dist/index.html
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40