Git Product home page Git Product logo

jekyll_example's Introduction

Setup CodeBuild with Jenkins

Prerequisites

  • You have an AWSAccount

Spin up a Jenkins Server in that account

  1. Navigate to IAM Console
  2. Click Role
  3. Click Create Role
  4. Choose EC2 as the service that will use your role
  5. Click Next:Permissions
  6. Give the role AWSCodeBuildAdminAccess, AmazonS3FullAccess, and CloudWatchLogsFullAccess
  7. Click Next:Tags
  8. Click Next:Review
  9. Name role CodeBuildDemo
  10. Click Create Role

Create a KeyPair

  1. Navigate to EC2 console
  2. Click Key Pair on the left
  3. Click Create Key Pair
  4. Save Keypair on desktop

Create Jenkins Server

  1. Navigate to CloudFormation Console
  2. Click Create Stack
  3. Click Specify an Amazon S3 template URL and use https://s3.amazonaws.com/proberts-public/jenkins_build.yaml
  4. Set Stack Name
  5. Set SSHKey to keypair from above
  6. Set Subnet to a public subnet
  7. Set VPC to a vpc that is part of that subnet
  8. Navigate to EC2 and find the instance name Jenkins public DNS
  9. Connect to the dns at port 8080
  10. SSH onto jenkins box to get the password

Setup Github repo

Create a new repository in your github account

git clone https://github.com/johnhanks1/jekyll_example

cd jekyll_example

git checkout -b master

git remote set-url origin https://github.com/#{github-repo-name}

or if using ssh for auth

git remote set-url origin [email protected]:#{github-repo-name}

git push --set-upstream origin master

Now we will add a couple of files that will be used with CodeBuild and Jenkins

buildspec.yml

version: 0.2

phases:
  install:
    commands:
      - gem install jekyll jekyll-paginate jekyll-sitemap jekyll-gist
      - bundle install
  build:
    commands:
      - echo "******** Building Jekyll site ********"
      - jekyll build
artifacts:
 files: "**/*"
 base-directory: _site

Setup CodeBuild Resources

Create a bucket for our CodeBuild Artifacts to be publish to:

  1. Navigate to https://s3.console.aws.amazon.com/s3/home?region=#{region}
  2. Click Create Bucket
  3. Enter Bucket name
  4. Click Next
  5. Select Versioning
  6. Click Next
  7. uncheck the checkbox next to Block new public bucket policies (Recommended)
  8. uncheck the checkbox next to Block public and cross-account access if bucket has public policies (Recommended)
  9. Click Next
  10. Click Create Bucket
  11. Select Bucket From list
  12. Select Properties Tab
  13. Select Static website Hosting
  14. Select Use this Bucket to host a website
  15. Add index.html to Index Document
  16. Add 404.html to Error Document
  17. Note the endpoint
  18. Click Save

Add Public Read to bucket

  1. Click Permissions
  2. Click Bucket Policy
  3. Paste policy below make sure to replace bucket name
{
    "Version": "2008-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::#{bucket-name}/*"
        }
    ]
}

Login to AWSConsole and navigate to: https://#{region}.console.aws.amazon.com/codesuite/codebuild/project/new?region=#{region}

  1. Set Project Name to #{project-name}
  2. Navigate to Source section
  3. Select GitHub
  4. Follow OAuth flow to connect your GitHub account to CodeBuild
  5. Select the repository created above.
  6. Navigate to environment select Ubuntu -> Ruby -> aws/codebuild/ruby:2.5.1
  7. Navigate to Artifacts
  8. Select Amazon S3 as an artifact type
  9. Choose the bucket we created above: jekyll-example-artifacts-#{account-id}-#{region}
  10. In the Name text box enter a .
  11. Click Checkbox Remove Artifact Encryption
  12. Click Create build Project

Setup Jenkins pipeline resources

Create an IAM user that can call CodeBuild

  1. Navigate to https://console.aws.amazon.com/iam/home?region=#{region}#/home
  2. Select Users
  3. Click Add user
  4. Add name and select Programmatic access check box
  5. Click Next: Permissions
  6. Click Attach Existing Policies directly
  7. Search for AWSCodeBuildAdminAccess
  8. Click check box
  9. Click Next: Review
  10. Click Create User
  11. Note Access Key Id and Secret Access Key

Add user to Jenkins

  1. Navigate To Jenkins main menu
  2. Click Credentials
  3. Click System
  4. Click Global credentials
  5. Click Add Credentials
  6. Click Kind and select CodeBuild Credentials
  7. Enter ID and note the id
  8. Add AccessKey and Secret Access Key from above leaving all other areas blank.
  9. Click OK

We now need to add a Jenkinsfile to our repository. This will have the information that jenkins will need to call CodeBuild.

Jenkinsfile

Make sure to replace values with noted values from above

pipeline {
  agent any
    stages {
      stage('Build') {
        steps {
          awsCodeBuild projectName: '#{project-name}',
                       credentialsId: '#{credential-id}',
                       credentialsType: 'jenkins',
                       region: '#{region}',
                       sourceControlType: 'project'

        }
      }
    }
}

Push Changes into repo

git add buildspec.yml

git add Jenkinsfile

git commit -am "Adding Jenkinsfile and buildspec

git push

Create Jenkins Pipeline

  1. Click New Item
  2. Set Name
  3. Select Pipeline
  4. Click OK
  5. Navigate to Build Triggers
  • Click Poll SCM
  • Enter "* * * * *" this will pull github every minute for changes
  1. Navigate to Pipeline
  • Click Definition and select Pipeline Script from SCM
  • Click SCM select Git
  • Enter Repository URL
  • Click Save
  1. Now wait up to 1 minute and a build should be kicked off.
  2. Make sure build succeeded
  3. Check S3 Bucket website and see the newly created blog

Update Blog

We will now create a new post that will get automatically built.

  1. Open _posts/2018-11-14-welcome-to-jekyll.markdown
  2. Edit the posts Title and contents
  3. Commit and push changes to repository
  4. Watch for build to automatically be triggered by Jenkins
  5. Once build is complete look at the S3 website to see the update

Clean Up

We want to make sure to clear up these resources so that our aws account doesn't rack up charges.

  • Terminate Ec2 Host
  • Delete S3 Bucket
  • Delete User and Role
  • Delete CodeBuild Project

jekyll_example's People

Contributors

johnhankataws avatar johnhanks1 avatar parkr avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.