GithubHelp home page GithubHelp logo

isabella232 / airflow-jamesives-github-pages-deploy-action Goto Github PK

View Code? Open in Web Editor NEW

This project forked from apache/airflow-jamesives-github-pages-deploy-action

0.0 0.0 0.0 52.56 MB

Fork of JamesIves github-pages-deploy-action

Home Page: https://airflow.apache.org/

License: MIT License

JavaScript 0.94% TypeScript 97.81% HTML 1.25%

airflow-jamesives-github-pages-deploy-action's Introduction

GitHub Pages Deploy Action ๐Ÿš€

This GitHub Action will automatically deploy your project to GitHub Pages. It can be configured to push your production-ready code into any branch you'd like, including gh-pages and docs. It can also handle cross repository deployments too.

Getting Started โœˆ๏ธ

You can include the action in your workflow to trigger on any event that GitHub actions supports. If the remote branch that you wish to deploy to doesn't already exist the action will create it for you. Your workflow will also need to include the actions/checkout step before this workflow runs in order for the deployment to work.

You can view an example of this below.

name: Build and Deploy
on: [push]
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout ๐Ÿ›Ž๏ธ
        uses: actions/[email protected] # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
        with:
          persist-credentials: false

      - name: Install and Build ๐Ÿ”ง # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
        run: |
          npm install
          npm run build

      - name: Deploy ๐Ÿš€
        uses: JamesIves/[email protected]
        with:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          BRANCH: gh-pages # The branch the action should deploy to.
          FOLDER: build # The folder the action should deploy.
          CLEAN: true # Automatically remove deleted files from the deploy branch

If you'd like to make it so the workflow only triggers on push events to specific branches then you can modify the on section.

on:
  push:
    branches:
      - master

It's recommended that you use Dependabot to keep your workflow up-to-date. You can find the latest tagged version on the GitHub Marketplace or on the releases page.

Install as a Node Module ๐Ÿ“ฆ

If you'd like to use the functionality provided by this action in your own action you can install it using yarn or npm by running the following commands. It's available on both the npm and GitHub registry.

yarn add @jamesives/github-pages-deploy-action
npm install @jamesives/github-pages-deploy-action

It can then be imported into your project like so.

import run from "github-pages-deploy-action";

Calling the functions directly will require you to pass in an object containing the variables found in the configuration section, you'll also need to provide a workspace with a path to your project.

import run from "github-pages-deploy-action";

run({
  accessToken: process.env["ACCESS_TOKEN"],
  branch: "gh-pages",
  folder: "build",
  repositoryName: "JamesIves/github-pages-deploy-action",
  silent: true,
  workspace: "src/project/location",
});

For more information regarding the action interface please click here.

Configuration ๐Ÿ“

The with portion of the workflow must be configured before the action will work. You can add these in the with section found in the examples above. Any secrets must be referenced using the bracket syntax and stored in the GitHub repository's Settings/Secrets menu. You can learn more about setting environment variables with GitHub actions here.

Required Setup

One of the following deployment options must be configured.

Key Value Information Type Required
GITHUB_TOKEN In order for GitHub to trigger the rebuild of your page you must provide the action with the repository's provided GitHub token. This can be referenced in the workflow yml file by using ${{ secrets.GITHUB_TOKEN }}. If you experience any issues with your changes not being reflected after the deployment it may be neccersary to use either the SSH or ACCESS_TOKEN options. secrets / with Yes
SSH You can configure the action to deploy using SSH by setting this option to true. For more information on how to add your ssh key pair please refer to the Using a Deploy Key section of this README. with Yes
ACCESS_TOKEN Depending on the repository's permissions you may need to provide the action with a GitHub personal access token instead of the provided GitHub token in order to deploy. You can learn more about how to generate one here. This should be stored as a secret. secrets / with Yes

In addition to the deployment options you must also configure the following.

Key Value Information Type Required
BRANCH This is the branch you wish to deploy to, for example gh-pages or docs. with Yes
FOLDER The folder in your repository that you want to deploy. If your build script compiles into a directory named build you'd put it here. If you wish to deploy the root directory you can place a . here. You can also utilize absolute file paths by appending ~ to your folder path. with Yes

Optional Choices

Key Value Information Type Required
GIT_CONFIG_NAME Allows you to customize the name that is attached to the git config which is used when pushing the deployment commits. If this is not included it will use the name in the GitHub context, followed by the name of the action. with No
GIT_CONFIG_EMAIL Allows you to customize the email that is attached to the git config which is used when pushing the deployment commits. If this is not included it will use the email in the GitHub context, followed by a generic noreply GitHub email. with No
REPOSITORY_NAME Allows you to specify a different repository path so long as you have permissions to push to it. This should be formatted like so: JamesIves/github-pages-deploy-action. You'll need to use an ACCESS_TOKEN for this configuration option to work properly. with No
TARGET_FOLDER If you'd like to push the contents of the deployment folder into a specific directory on the deployment branch you can specify it here. with No
BASE_BRANCH The base branch of your repository which you'd like to checkout prior to deploying. This defaults to the current commit SHA that triggered the build followed by master if it doesn't exist. This is useful for making deployments from another branch, and also may be necessary when using a scheduled job. with No
COMMIT_MESSAGE If you need to customize the commit message for an integration you can do so. with No
CLEAN If your project generates hashed files on build you can use this option to automatically delete them from the deployment branch with each deploy. This option is turned on by default, and can be toggled off by setting it to false. with No
CLEAN_EXCLUDE If you need to use CLEAN but you'd like to preserve certain files or folders you can use this option. This should be formatted as an array but stored as a string. For example: '["filename.js", "folder"]' with No
SINGLE_COMMIT This option can be toggled to true if you'd prefer to have a single commit on the deployment branch instead of maintaining the full history. Using this option will also cause any existing history to be wiped from the deployment branch. with No
LFS If toggled all files will be migrated from Git LFS so they can be comitted to the deployment branch. with No
PRESERVE Preserves and restores the workspace prior to deployment. This option is useful if you're modifying files in the worktree that aren't comitted to Git. with No
SILENT Silences the action output preventing it from displaying git messages. with No
WORKSPACE This should point to where your project lives on the virtual machine. The GitHub Actions environment will set this for you. It is only necessary to set this variable if you're using the node module. with No

With the action correctly configured you should see the workflow trigger the deployment under the configured conditions.

Deployment Status

The action will export an environment variable called DEPLOYMENT_STATUS that you can use in your workflow to determine if the deployment was successful or not. You can find an explanation of each status type below.

Status Description
success The success status indicates that the action was able to successfully deploy to the branch.
failed The failed status indicates that the action encountered an error while trying to deploy.
skipped The skipped status indicates that the action exited early as there was nothing new to deploy.

Using an SSH Deploy Key ๐Ÿ”‘

If you'd prefer to use an SSH deploy key as opposed to a token you must first generate a new SSH key by running the following terminal command, replacing the email with one connected to your GitHub account.

ssh-keygen -t rsa -m pem -b 4096 -C "[email protected]" -N ""

Once you've generated the key pair you must add the contents of the public key within your repository's deploy keys menu. You can find this option by going to Settings > Deploy Keys, you can name the public key whatever you want, but you do need to give it write access. Afterwards add the contents of the private key to the Settings > Secrets menu as DEPLOY_KEY.

With this configured you must add the ssh-agent step to your workflow and set SSH to true within the deploy action. There are several SSH actions available on the GitHub marketplace for you to choose from.

- name: Install SSH Client ๐Ÿ”‘
  uses: webfactory/[email protected]
  with:
    ssh-private-key: ${{ secrets.DEPLOY_KEY }}

- name: Deploy ๐Ÿš€
  uses: JamesIves/[email protected]
  with:
    SSH: true
    BRANCH: gh-pages
    FOLDER: site
You can view a full example of this here.

name: Build and Deploy
on:
  push:
    branches:
      - master
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout ๐Ÿ›Ž๏ธ
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      - name: Install and Build ๐Ÿ”ง # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
        run: |
          npm install
          npm run build

      - name: Install SSH Client ๐Ÿ”‘
        uses: webfactory/[email protected] # This step installs the ssh client into the workflow run. There's many options available for this on the action marketplace.
        with:
          ssh-private-key: ${{ secrets.DEPLOY_KEY }}

      - name: Deploy ๐Ÿš€
        uses: JamesIves/[email protected]
        with:
          BASE_BRANCH: master
          BRANCH: gh-pages
          FOLDER: build
          CLEAN: true
          SSH: true # SSH must be set to true so the deploy action knows which protocol to deploy with.


Operating System Support ๐Ÿ’ฟ

This action is primarily developed using Ubuntu. In your workflow job configuration it's recommended to set the runs-on property to ubuntu-latest.

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest

If you're using an operating system such as Windows you can workaround this using artifacts. In your workflow configuration you can utilize the actions/upload-artifact and actions/download-artifact actions to move your project built on a Windows job to a secondary job that will handle the deployment.

You can view an example of this pattern here.

name: Build and Deploy
on: [push]
jobs:
  build:
    runs-on: windows-latest # The first job utilizes windows-latest
    steps:
      - name: Checkout ๐Ÿ›Ž๏ธ
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      - name: Install and Build ๐Ÿ”ง # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
        run: |
          npm install
          npm run build

      - name: Upload Artifacts ๐Ÿ”บ # The project is then uploaded as an artifact named 'site'.
        uses: actions/upload-artifact@v1
        with:
          name: site
          path: build

  deploy:
    needs: [build] # The second job must depend on the first one to complete before running, and uses ubuntu-latest instead of windows.
    runs-on: ubuntu-latest
    steps:
      - name: Checkout ๐Ÿ›Ž๏ธ
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      - name: Download Artifacts ๐Ÿ”ป # The built project is downloaded into the 'site' folder.
        uses: actions/download-artifact@v1
        with:
          name: site

      - name: Deploy ๐Ÿš€
        uses: JamesIves/[email protected]
        with:
          ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
          BRANCH: gh-pages
          FOLDER: "site" # The deployment folder should match the name of the artifact. Even though our project builds into the 'build' folder the artifact name of 'site' must be placed here.


Using a Container ๐Ÿšข

If you use a container in your workflow you may need to run an additional step to install rsync as this action depends on it. You can view an example of this below.

- name: Install rsync ๐Ÿ“š
  run: |
    apt-get update && apt-get install -y rsync

- name: Deploy ๐Ÿš€
  uses: JamesIves/[email protected]

Additional Build Files ๐Ÿ“

If you're using a custom domain and require a CNAME file, or if you require the use of a .nojekyll file, you can safely commit these files directly into deployment branch without them being overridden after each deployment. Additionally you can include these files in your deployment folder to update them.

If you wish to remove these files you must go into the deployment branch directly to remove them. This is to prevent accidental changes in your deployment script from creating breaking changes.


Debugging ๐Ÿ

If you'd like to enable action debugging you can set the ACTIONS_STEP_DEBUG environment variable to true within the Settings/Secrets menu. If you're using this action in your own project as a node module via yarn or npm you may expose your secrets if you toggle this on in a production environment. You can learn more about debugging GitHub actions here.


Support ๐Ÿ’–

This project would not be possible without all of our fantastic contributors.

If you'd like to support the maintenance and upkeep of this project you can donate via GitHub Sponsors. This project is distributed under the MIT license.

airflow-jamesives-github-pages-deploy-action's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar exuanbo avatar fredefox avatar iam-afvincent avatar jaiselrahman avatar jakejarvis avatar jamesives avatar kindeep avatar koooge avatar lycuid avatar mathiasbynens avatar mpickering avatar nomeata avatar pheeel avatar shahzebsiddiqui avatar stestagg avatar subhashissuara avatar tjenkinson avatar turbo87 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.