![Github Action - on
Source: https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows
on: push
on: [ push,label ]
on:
label:
types:
- created
push:
branches:
- main
Event Type
● issue
● label
● pull_request
● push
● schedule](https://image.slidesharecdn.com/githubactiondevops-230707030601-d49138f0/85/Github-Action-DevOps-LearnWeb-Taiwan-Meetup-15-17-320.jpg)
![Github Action - jobs
18
jobs:
[job name]:
run-on: [runner]
steps:
- name: [step name]
run: [bash]
- name: [step name]
uses: [action path]
with:
[input key]: [input value]
jobs:
build-job:
run-on: ubuntu-latest
steps:
- name: Checkout project
uses: actions/checkout@v3
- name: Set up nodejs
uses: actions/setup-node@v3
with:
node-version: 18
- name: Install Package
run: npm ci](https://image.slidesharecdn.com/githubactiondevops-230707030601-d49138f0/85/Github-Action-DevOps-LearnWeb-Taiwan-Meetup-15-18-320.jpg)
![Github Action - on
Source: https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows
on: push
on: [ push,label ]
on:
label:
types:
- created
push:
branches:
- main
Event Type
● issue
● label
● pull_request
● push
● schedule](https://image.slidesharecdn.com/githubactiondevops-230707030601-d49138f0/75/Github-Action-DevOps-LearnWeb-Taiwan-Meetup-15-17-2048.jpg)
![Github Action - jobs
18
jobs:
[job name]:
run-on: [runner]
steps:
- name: [step name]
run: [bash]
- name: [step name]
uses: [action path]
with:
[input key]: [input value]
jobs:
build-job:
run-on: ubuntu-latest
steps:
- name: Checkout project
uses: actions/checkout@v3
- name: Set up nodejs
uses: actions/setup-node@v3
with:
node-version: 18
- name: Install Package
run: npm ci](https://image.slidesharecdn.com/githubactiondevops-230707030601-d49138f0/75/Github-Action-DevOps-LearnWeb-Taiwan-Meetup-15-18-2048.jpg)
Uploaded byLearnWeb Taiwan
Github Action 開始簡易入門 DevOps，自動化你的專案 （LearnWeb Taiwan Meetup #15）
This document introduces Github Actions for beginners. It discusses what DevOps and Github Actions are, how to write Github Actions using YAML files, examples of hosting a React app on Github Pages using Actions, and how to publish custom Actions to the Github Marketplace. The key points are that Github Actions allow automating projects using event triggers, reusable Actions run in isolated environments, and writing Actions only requires basic YAML configuration files.
![UiPath Automation Suite Installation (Hands-On) [2/3]](https://cdn.slidesharecdn.com/ss_thumbnails/automationsuitecommunitysession2-251015095633-a6d862f1-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Github Action 開始簡易入門 DevOps，自動化你的專案 （LearnWeb Taiwan Meetup #15）
- 2. 從 Github Action開始簡易入門 DevOps 自動化你的專案吧！ Leo Liao 2023.06.04
- 3.
- 4. 講者之路初心者 自由潛水員 前端工程師 Leo Liao LINE TaiwanLimited - UIT 1
- 5.
- 6. DevOps 開發 Development + 維運 Operations = ※Sourcefrom： https://www.smartsheet.com/devops What is DevOps ?
- 7. C A LM S What is DevOps ? Culture Automation Lean Measurement Sharing
- 8. What is GithubAction ?
- 9. What is GithubAction ? 自動化工具 事件觸發 高複用性 安全環境變數 多環境建置、測試、部署
- 10. Github Action Scope Workflow ActionAction Action Job Action Action Action Job Action Action Action Job Action Action Action Job Action Action Action Job Action Action Action Job
- 11. Where is GithubAction running ? Github Runner ● Public Repo: No limit ● Free Tier ○ Private Repo: 2,000 minutes/month ● Team ○ Private Repo: 3,000 minutes/month ● Enterprise ○ Private Repo: 50,000 minutes/month
- 12. Where is GithubAction running ? Self-hosted Runner
- 13.
- 14. How to writeGithub Action ?
- 15. How to writeGithub Action? on name jobs
- 16. Github Action -name
- 17. Github Action -on Source: https://docs.github.com/en/actions/using-workflows/events-that-trigger-workflows on: push on: [ push,label ] on: label: types: - created push: branches: - main Event Type ● issue ● label ● pull_request ● push ● schedule
- 18. Github Action -jobs 18 jobs: [job name]: run-on: [runner] steps: - name: [step name] run: [bash] - name: [step name] uses: [action path] with: [input key]: [input value] jobs: build-job: run-on: ubuntu-latest steps: - name: Checkout project uses: actions/checkout@v3 - name: Set up nodejs uses: actions/setup-node@v3 with: node-version: 18 - name: Install Package run: npm ci
- 19. Github Action -jobs jobs: build-job: run-on: ubuntu-latest steps: - name: Checkout project uses: actions/checkout@v3 - name: Set up nodejs uses: actions/setup-node@v3 with: node-version: 18 - name: Install Package run: npm ci Condition if: ${{ github.event_name == 'push' }} if: ${{ vars.name == 'env value' }} Context ${{ github.event_name }} ${{ vars.name }} ${{ secrets.name }} Multiple lines command - run: | npm ci npm build
- 20. Github Action -Set variable & secret
- 21. Github Action -Environment jobs: build-job: run-on: ubuntu-latest steps: - name: Checkout project uses: actions/checkout@v3 - name: Set up nodejs uses: actions/setup-node@v3 with: node-version: 18 - name: Install Package run: npm ci Trigger environment in job jobs: build-job: run-on: ubuntu-latest environment: development steps: ……….
- 22. Case: Host Reacton Github Page
- 23. Case: Host ReactApp on Github Page ● npx create-react-app demo-site ● package.json > scripts > build > react-scripts build && cp build/index.html build/404.html ● package.json > homepage > “https://honglinliao.github.io/demo-action” ● create a github repo and push to origin
- 24. Case: Host ReactApp on Github Page Pull Reqest Create Install Package Workflow job Test Build Pull Reqest Merged
- 25. Case: Host ReactApp on Github Page Push Install Package Workflow job Test Build Deploy job Upload Artifact
- 26. Case: Host ReactApp on Github Page Deploy job Download Artifact Workflow job Deploy Github Action Github Page Action
- 27. Case: Host ReactApp on Github Page Create file: .github > workflows > workflow.yml
- 28. Case: Host ReactApp on Github Page
- 29. Case: Host ReactApp on Github Page
- 30. Case: Host ReactApp on Github Page
- 31. Case: Host ReactApp on Github Page
- 32. Case: Host ReactApp on Github Page
- 33. Case: Host ReactApp on Github Page
- 34. Case: Host ReactApp on Github Page
- 35. Case: Host ReactApp on Github Page
- 36. Publish action toMarketplace
- 37. Write custom action Docker container CustomAction Javascript composite
- 38. Howt to writecomposite action ● Required: name, description, runs ● For publish marketplace: author, branding
- 39. Howt to writecomposite action
- 40. Publish to GithubMarketplace ● Add README.md ● Each repository contain single action.yml ● action.yml in root directory ● action.yml contain auth, branding ● Two-factor authentication (2FA)
- 41. Publish to GithubMarketplace 41
- 42. Publish to GithubMarketplace
- 43. Publish to GithubMarketplace
- 44. Publish to GithubMarketplace
- 45. Publish to GithubMarketplace
- 46. Publish to GithubMarketplace
- 47.
- 48. Github Action Advantage 方便：不需建置Infra 高彈性：複用Action整合性：都在Github上操作 易用性：寫YAML不用10分鐘
- 49.
- 50.