OSD600 and DPS909 Winter 2018 Lab 7

From CDOT Wiki
Revision as of 10:23, 18 April 2018 by Jpham14 (talk | contribs) (8. Submission)
Jump to: navigation, search

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:

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 Abdul Kabia https://github.com/AbdulKabia/bridge-troll/blob/master/.travis.yml https://abdulkabia.github.io/bridge-troll/dist/index.html
16 Bakytzhan Apetov https://github.com/apetov/bridge-troll/blob/master/.travis.yml https://apetov.github.io/bridge-troll/dist/index.html
17 Joseph Pham https://github.com/jpham14/bridge-troll/blob/master/.travis.yml https://jpham14.github.io/bridge-troll/dist/index.html
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40