OSD600 and DPS909 Winter 2018 Lab 7
Contents
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 | http://alexwang-16.github.io/bridge-troll/dist |
| 7 | |||
| 8 | |||
| 9 | |||
| 10 | |||
| 11 | |||
| 12 | |||
| 13 | |||
| 14 | |||
| 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 |
