Skip to content

Instantly share code, notes, and snippets.

@khanghoang
Forked from domenic/0-github-actions.md
Last active August 29, 2015 14:16
Show Gist options
  • Select an option

  • Save khanghoang/09e1829992e0107d2a73 to your computer and use it in GitHub Desktop.

Select an option

Save khanghoang/09e1829992e0107d2a73 to your computer and use it in GitHub Desktop.

Revisions

  1. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -77,6 +77,8 @@ This will give you a very long line like
    secure: "<.... encrypted data ....>"
    ```

    If you don't want to install Ruby/RubyGems and such, there are reports that the [travis-encrypt](http://npmjs.org/travis-encrypt) npm package works just as well.

    ## Create your `.travis.yml` file

    With all this in hand, you can create a `.travis.yml` file. It should look like this:
  2. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 10 additions and 0 deletions.
    10 changes: 10 additions & 0 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -89,6 +89,16 @@ env:
    - secure: "<.... encrypted data from above ....>"
    ```
    If your compile script depends on certain environment features, you might want to set up the environment using Travis's built-in abilities, e.g. by adding lines like these:
    ```yml
    language: node_js
    node_js:
    - "0.10"
    ```
    (In this case, [by default](http://docs.travis-ci.com/user/languages/javascript-with-nodejs/) Travis will install Node.js 0.10, then run `npm install`.)

    ## Finishing up

    At this point you should have 2-3 files checked in to your repo: `compile.sh`, `deploy.sh`, and `.travis.yml`. If you've also told Travis about your repo, then the first time you push to GitHub with these changes, it will automatically compile and deploy your source!
  3. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 6 additions and 4 deletions.
    10 changes: 6 additions & 4 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -33,13 +33,15 @@ git init
    git config user.name "Travis CI"
    git config user.email "<you>@<your-email>"

    # the first and only commit to this new Git repo contains all the files present with the commit message "Deploy to GitHub Pages"
    # The first and only commit to this new Git repo contains all the
    # files present with the commit message "Deploy to GitHub Pages".
    git add .
    git commit -m "Deploy to GitHub Pages"

    # force push from the current repo's master branch to the remote repo's gh-pages branch
    # (all previous history on the gh-pages branch will be lost, since we are overwriting it)
    # redirect any output to /dev/null to hide any sensitive credential data that might be exposed
    # Force push from the current repo's master branch to the remote
    # repo's gh-pages branch. (All previous history on the gh-pages branch
    # will be lost, since we are overwriting it.) We redirect any output to
    # /dev/null to hide any sensitive credential data that might otherwise be exposed.
    git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:gh-pages > /dev/null 2>&1
    ```

  4. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 14 additions and 2 deletions.
    16 changes: 14 additions & 2 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -16,18 +16,30 @@ Create a deploy script, call it `deploy.sh`, with the following contents:

    ```bash
    #!/bin/bash
    set -e
    set -e # exit with nonzero exit code if anything fails

    # clear and re-create the out directory
    rm -rf out || exit 0;
    mkdir out;

    # run our compile script, discussed above
    ./compile.sh

    # go to the out directory and create a *new* Git repo
    cd out
    git init
    git config user.name "Travis-CI"

    # inside this git repo we'll pretend to be a new user
    git config user.name "Travis CI"
    git config user.email "<you>@<your-email>"

    # the first and only commit to this new Git repo contains all the files present with the commit message "Deploy to GitHub Pages"
    git add .
    git commit -m "Deploy to GitHub Pages"

    # force push from the current repo's master branch to the remote repo's gh-pages branch
    # (all previous history on the gh-pages branch will be lost, since we are overwriting it)
    # redirect any output to /dev/null to hide any sensitive credential data that might be exposed
    git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:gh-pages > /dev/null 2>&1
    ```

  5. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -6,7 +6,9 @@ This is a set up for projects which want to check in only their source files, bu

    You want a script that does a local compile to e.g. an `out/` directory. Let's call this `compile.sh` for our purposes, but for your project it might be `npm build` or `gulp make-docs` or anything similar.

    Check this in to your project.
    The `out/` directory should contain everything you want deployed to `gh-pages`. That almost always includes an `index.html`.

    Check this script in to your project.

    ## Create a deploy script

  6. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 4 additions and 2 deletions.
    6 changes: 4 additions & 2 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -81,5 +81,7 @@ At this point you should have 2-3 files checked in to your repo: `compile.sh`, `

    I use basically this exact setup for http://www.w3.org/2001/tag/doc/promises-guide (which is hosted on gh-pages; the w3.org URL is a proxy to that). The relevant files are:

    https://github.com/w3ctag/promises-guide/blob/master/.travis.yml
    https://github.com/w3ctag/promises-guide/blob/master/deploy-gh-pages.sh
    - https://github.com/w3ctag/promises-guide/blob/master/.travis.yml
    - https://github.com/w3ctag/promises-guide/blob/master/deploy-gh-pages.sh

    (I have inlined the compile script into the latter, so there is no separate `compile.sh`.)
  7. @domenic domenic revised this gist Jan 16, 2015. 1 changed file with 9 additions and 2 deletions.
    11 changes: 9 additions & 2 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -66,7 +66,7 @@ secure: "<.... encrypted data ....>"
    With all this in hand, you can create a `.travis.yml` file. It should look like this:

    ```yml
    script: bash ./deploy-gh-pages.sh
    script: bash ./deploy.sh
    env:
    global:
    - GH_REF: github.com/<your name>/<your repo>.git
    @@ -75,4 +75,11 @@ env:
    ## Finishing up
    At this point you should have 2-3 files checked in to your repo: `compile.sh`, `deploy.sh`, and `.travis.yml`. If you've also told Travis about your repo, then the first time you push to GitHub with these changes, it will automatically compile and deploy your source!
    At this point you should have 2-3 files checked in to your repo: `compile.sh`, `deploy.sh`, and `.travis.yml`. If you've also told Travis about your repo, then the first time you push to GitHub with these changes, it will automatically compile and deploy your source!

    ## See it in action

    I use basically this exact setup for http://www.w3.org/2001/tag/doc/promises-guide (which is hosted on gh-pages; the w3.org URL is a proxy to that). The relevant files are:

    https://github.com/w3ctag/promises-guide/blob/master/.travis.yml
    https://github.com/w3ctag/promises-guide/blob/master/deploy-gh-pages.sh
  8. @domenic domenic created this gist Jan 16, 2015.
    78 changes: 78 additions & 0 deletions auto-deploy.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,78 @@
    # Auto-deploying built products to gh-pages with Travis

    This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

    ## Create a compile script

    You want a script that does a local compile to e.g. an `out/` directory. Let's call this `compile.sh` for our purposes, but for your project it might be `npm build` or `gulp make-docs` or anything similar.

    Check this in to your project.

    ## Create a deploy script

    Create a deploy script, call it `deploy.sh`, with the following contents:

    ```bash
    #!/bin/bash
    set -e

    rm -rf out || exit 0;
    mkdir out;
    ./compile.sh

    cd out
    git init
    git config user.name "Travis-CI"
    git config user.email "<you>@<your-email>"
    git add .
    git commit -m "Deploy to GitHub Pages"
    git push --force --quiet "https://${GH_TOKEN}@${GH_REF}" master:gh-pages > /dev/null 2>&1
    ```

    You can run this deploy script locally if you like, with

    ```
    GH_TOKEN=<your password> GH_REF=github.com/<your name>/<your repo>.git ./deploy.sh
    ```

    But that's no fun. We want this to happen automatically every time you push. To do that, we'll use Travis CI.

    ## Sign up for Travis and add your project

    Get an account at https://travis-ci.org/. Turn on Travis for your repository in question, using the Travis control panel.

    ## Get encrypted credentials

    The trickiest part of all this is that you want to give Travis the ability to run your deploy script and push changes to gh-pages, without checking in the necessary credentials to your repo. The solution for this is to use Travis's [encryption support](http://docs.travis-ci.com/user/encryption-keys/).

    We'll generate a GitHub personal access token (essentially an application-specific password) and encrypt it, then put the encrypted version in our `.travis.yml` file. Then we can check in the `.travis.yml` file with no issues.

    First, generate a token at https://github.com/settings/applications

    Then, install the Travis client and do

    ```
    travis encrypt GH_TOKEN=<secret token here>
    ```

    This will give you a very long line like

    ```
    secure: "<.... encrypted data ....>"
    ```

    ## Create your `.travis.yml` file

    With all this in hand, you can create a `.travis.yml` file. It should look like this:

    ```yml
    script: bash ./deploy-gh-pages.sh
    env:
    global:
    - GH_REF: github.com/<your name>/<your repo>.git
    - secure: "<.... encrypted data from above ....>"
    ```
    ## Finishing up
    At this point you should have 2-3 files checked in to your repo: `compile.sh`, `deploy.sh`, and `.travis.yml`. If you've also told Travis about your repo, then the first time you push to GitHub with these changes, it will automatically compile and deploy your source!