Creating A CNAME Domain File On A Travis CI Server

1/19/2017

0 Comments

This is an interesting problem that I just solved yesterday- creating a CNAME file from a Travis CI server.

The Issue

My finished site that was built and published from Travis CI server was giving me a 404 page.

Well, when I went into the settings for the Github repository and added my custom domain name everything worked!

However, I'm trying to set up continuous deployment with Travis CI where the CI server runs the deployment script to host the files. So, I needed an automated way to create this CNAME file.

One Possible Solution

Luckily, there's many simple ways of creating a file with some text in BASH. The one that I ended up incorporating makes use of the echo command. The contents of the file is just a string being echoes, and we then redirect that result (using the > symbol) into a file named CNAME. The final code would look like this:

echo 'ng-nj.com' > ./dist/CNAME

An Example Travis Config And Deploy Script

Here is an example of a Travis.yml file. It first installs the environment, npm, and all that stuff. Then we run the unit tests (gulp test) and build the project (gulp build). If those finish successfully then it will run the deploy.sh file.

sudo: true
language: node_js
node_js:
- 5.11.1
before_install:
- if [ "${TRAVIS_NODE_VERSION}" == "0.8" ]; then npm install -g npm@2.11.1; fi
install:
- node --version
- export DISPLAY=:99.0
- sh -e /etc/init.d/xvfb start
- pwd
- npm install
- npm install bower
- bower install
script:
- ls
- gulp test
- gulp build
after_script:
- echo ran script
after_success:
- git config credential.helper "store --file=.git/credentials"
- echo "https://${GH_TOKEN}:@github.com/ng-nj.org.git" > .git/credentials
- echo 'Success'
- ls
- git config --global user.email "your.email@emailhost.com"
- git config --global user.name "YourGithubHandle"
- bash ./deploy.sh
- echo Sent to gh-pages!
matrix:
  fast_finish: true
notifications:
  irc:
    channels:
    - irc.freenode.orgi#unshift
    on_success: change
    on_failure: change
env:
  global:
  - GH_REF: github.com/ng-nj/ng-nj.org.git
  - secure: SYSJERymKf2YiJPculxBGF2C7g2CA9aSZNTYorCHZUpGjsooJGZnw4CFrioK9ElhIQNAZV/dne9CMNw531w8/bB2VOMvXDS26m0lSJZTN86mKpz5+IT7uQ+96ObUpBslxZ8J2+SiYAwvjXKmfrFIYNuT/cwUHAgDEARRdVZbMLfGupIszD9H0whMUnZQEimC75IyY7GB+35ZJov3OgpTsN4LQfkhwNkzX7J3vt2hGrO92hgtvAO7eINLvtTycaqQNpDjxr6dv5XEzPm8M3YqDOEjv/BFDuG6hGnORe15SPiPo3/kOHKv/fN+SbjSsk/5zIxCxUmIWQTQMhtDWyoBaUesKQO8PCKwMIbjxZh3xnA4fJ/QkVJUe6xz8yzsdE184r/n97Rv9RkcZCY7iIGbp17hpavgfooJ0qFhfgPyU18XaxAYiK0SFie+XLXEAm6BMWRmjASNZ0YEShgzbjzsRfhohF2teGOxh4DMce4UnCIl28brXMUjo1j7ptLMls6C/zjU8h94r/q5rsISzkkTQjdJRlp4mLyeBbqW/tVef5VSgkFnDKy2qScpG6n0LYQW1bAHv/NnB0/80jZD+JpeuAwUjvSjFpWWFC0b4iwLuiziRAQFXw6KUhNBX+7cho9k03Erl543qFXhothQOSmixF2Co1GeaH9Ps1DKuQk9O5M=

The code below is the full deploy.sh script. In the very first line we can see the new echo command that creates the CNAME. Then we simply push the files over to where our public project is being hosted (in this case gh-pages branch on Github).

echo 'ng-nj.com' > ./dist/CNAME
git push origin :gh-pages

git add --all
git commit -m 'commit from ontario'
git subtree push --prefix dist/ origin gh-pages

echo "Deployed successfully."

0 Comments