和艦長一起玩轉 GitLab & GitLab Workflow

1. （2019 iThome 鐵⼈人賽 30 天內容集錦） Cheng Wei Chen @ STUDY4 TW .NET Conf 2019 和艦長⼀一起玩轉  GitLab & GitLab Workﬂow

2. Cheng Wei Chen 陳正瑋  DevOps Taiwan Community & DevOpsDays Taipei Organizer 《Effective DevOps 中文版》譯者《DevOps三十六計》繁中版審校者 http://chengweichen.com

3. https://devopsdays.twhttps://devopstw.club

4. 封⾯面

5. 封⾯面 GitLab

6. Agenda • 認識 GitLab • Workﬂow & GitLab Workﬂow • GitLab Flow • GitLab Auto DevOps • 回顧與總結

7. 認識 GitLab

8. 發展 VCS

9. 發展 VCS CI / CD

10. 發展 VCS CI / CD Project management DevOps

11. GitLab CI 圖片來來源 https://about.gitlab.com/product/continuous-integration/

12. GitLab Auto DevOps

13. 來來源 https://about.gitlab.com/

14. 來來源 https://about.gitlab.com/direction/

15. 名為 GitLab 的⼀一條龍 DevOps 平台圖片來來源 https://about.gitlab.com/direction/

16. 來來源 https://docs.gitlab.com/ee/development/architecture.html GitLab Component diagram

17. GitLab Component • Component details • Alertmanager • Certiﬁcate management • Consul • Database migrations • Elasticsearch • Gitaly • GitLab Geo • GitLab Exporter • GitLab Pages • GitLab Runner • GitLab Shell • GitLab Workhorse • Grafana • Jaeger • Logrotate • Mattermost • MinIO • NGINX • Node Exporter • PgBouncer • PgBouncer Exporter • PostgreSQL • Postgres Exporter • Prometheus • Redis • Redis Exporter • Registry • Sentry • Sidekiq • Unicorn • LDAP Authentication • Outbound Email • Inbound Email • GitLab Managed Apps 來來源 https://docs.gitlab.com/ee/development/architecture.html

18. GitLab Geo 圖片來來源 https://docs.gitlab.com/ee/administration/geo/replication/index.html

19. GitLab Geo 圖片來來源 https://docs.gitlab.com/ee/administration/geo/replication/index.html

20. Omnibus 搞定安裝、設定  GitLab 的⼤大⼩小事。

21. gitlab.com Self-Managed或 GitLab CE GitLab EE GitLab EE

22. Workﬂow & GitLab Workﬂow

23. Workﬂow / ⼯工作流程 Stage 1 Stage 2 Stage 3 Stage 3b Stage 4b Stage 5 Stage 3a Stage 3c Stage 4a Why?

24. Workﬂow / ⼯工作流程 Stage 1 Stage 2 Stage 3 Stage 3b Stage 4b Stage 5 Stage 3a Stage 3c Stage 4a Why? 標準化⾃自動化透明化

25. 軟體開發⼯工作流程？圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ Plan Code Test Release Deploy

26. GitLab Workﬂow 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/

27. GitLab Workﬂow: IDEA 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 每⼀一個天⾺馬⾏行行空的想法，都可能是產品創意發想的起始點。溝通協作互動保存/回顧

28. Mattermost

29. GitLab Workﬂow: ISSUE 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 將 IDEA 轉換成實際的  ISSUE / FEATURE / STORY 討論追蹤 Issue Tracker

30. Issue Tracker

31. GitLab Workﬂow: PLAN 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 安排 ISSUE 的優先順序，  分派⼯工作任務。分派/追蹤優先順序 Issue Board

32. Issue Board - To-Do

33. Issue Board - Workﬂow

34. Issue Board - By Member

35. GitLab Workﬂow: CODE 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 就是捲起袖⼦子開⼯工啦！

36. To-Do List

37. Milestones

38. Issue Tracker - Filtering issues by milestone

39. 圖片來來源 https://docs.gitlab.com/ee/user/project/web_ide/ Web IDE

40. GitLab Workﬂow: COMMIT 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 遵守團隊的開發⼯工作原則與分⽀支策略略，將程式碼送入版本控制系統。分支策略工作準則 Git Server GitLab Flow

41. GitLab Workﬂow: TEST 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 借助持續整合、⾃自動化測試，確保程式碼的品質。自動化工作準則 GitLab CI

42. 圖片來來源 https://about.gitlab.com/product/continuous-integration/

43. GitLab Workﬂow: REVIEW 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ Code Review & Merge branch 自動化工作準則 Merge Request Issue Tracker

44. GitLab Workﬂow: STAGING 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ ⾃自動部署⾄至 Staging 環境做進⼀一步的測試與驗證。持續部署持續交付 GitLab CI GitLab Auto DevOps 自動化

45. GitLab Workﬂow: PRODUCTION 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 當⼀一切都驗證通過後，即可⾃自動部署⾄至 Production 環境，並事先預備 rollback 計畫。持續部署持續交付 GitLab CI GitLab Auto DevOps 自動化

46. GitLab Workﬂow: FEEDBACK 圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 回顧與反思，產品及⼯工作流程分別有哪些地⽅方需要改善。監控數據收集報表持續改善 Cycle Analytics Auto Monitoring

47. Cycle Analytics

48. CI/CD Charts

49. Burndown Chart

50. GitLab Flow

51. Git 分⽀支策略略？圖片來來源 https://about.gitlab.com/blog/2014/09/29/gitlab-ﬂow/ Git flow GitHub flow GitLab flow Trunk based

52. Git 分⽀支策略略？圖片來來源 https://about.gitlab.com/blog/2014/09/29/gitlab-ﬂow/ Git flow GitHub flow GitLab flow Trunk based Why?

53. GitLab Flow Git flow GitHub flow GitLab flow

54. GitLab Flow Git flow GitHub flow GitLab flowupsteam ﬁrst for delivery

55. 圖片來來源 https://about.gitlab.com/blog/2014/09/29/gitlab-ﬂow/ Production branch Environment branch 搭配持續交付、持續部署，明確控管已部署之環境的程式碼版本。

56. 圖片來來源 https://about.gitlab.com/blog/2014/09/29/gitlab-ﬂow/ Release branch 依據 Stable 版本的發佈建立分⽀支，維持 Master 的穩定前進並保留留能夠維護各 Stable 版本的彈性。

57. GitLab Flow upsteam ﬁrst for delivery

58. GitLab Auto DevOps

59. Kubernetes GitLab CI Auto DevOps Prometheus + =

60. Kubernetes GitLab CI Auto DevOps Prometheus + = 沒這麼 Auto 是有條件的

61. Auto DevOps • Auto Build • Auto Test • Auto Code Quality • Auto Static Application Security Testing (SAST) • Auto Dependency Scanning • Auto License Compliance • Auto Container Scanning • Auto Review Apps • Auto Dynamic Application Security Testing (DAST) • Auto Deploy • Auto Browser Performance Testing • Auto Monitoring K8S K8S K8S Prometheus

62. Auto DevOps • Auto Build • Auto Test • Auto Code Quality • Auto Static Application Security Testing (SAST) • Auto Dependency Scanning • Auto License Compliance • Auto Container Scanning • Auto Review Apps • Auto Dynamic Application Security Testing (DAST) • Auto Deploy • Auto Browser Performance Testing • Auto Monitoring K8S K8S K8S Prometheus CI / CD Pipeline Templates Cloud Native

63. 回顧與總結

64. 回顧 • 認識 GitLab • Workﬂow & GitLab Workﬂow • GitLab Flow • GitLab Auto DevOps

65. GitLab & DevOps 圖片來來源 https://about.gitlab.com/stages-devops-lifecycle/

66. 來來源 https://about.gitlab.com/

67. 軟體開發⼯工作流程？圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ Plan Code Test Release Deploy

68. 軟體開發⼯工作流程？圖片來來源 https://about.gitlab.com/blog/2016/10/25/gitlab-workﬂow-an-overview/ 產品開發 Plan Code Test Release Deploy ?

69. Workﬂow / ⼯工作流程 Stage 1 Stage 2 Stage 3 Stage 3b Stage 4b Stage 5 Stage 3a Stage 3c Stage 4a Why?

70. Git 分⽀支策略略？圖片來來源 https://about.gitlab.com/blog/2014/09/29/gitlab-ﬂow/ Git flow GitHub flow GitLab flow Trunk based Why?

71. Auto DevOps • Auto Build • Auto Test • Auto Code Quality • Auto Static Application Security Testing (SAST) • Auto Dependency Scanning • Auto License Compliance • Auto Container Scanning • Auto Review Apps • Auto Dynamic Application Security Testing (DAST) • Auto Deploy • Auto Browser Performance Testing • Auto Monitoring K8S K8S K8S Prometheus Why?

72. CI 持續整合 CD 持續交付持續部署 Why?

73. 圖片來來源 https://about.gitlab.com/stages-devops-lifecycle/ Why?

74. 符合需求學習成本價格售後服務商業支援生態系社群設計邏輯工具選擇策略教學資源複雜度整合性遷移性

75. 役物而不役於物

76. Manage Your Toolchain Before It Manages You 來來源 https://about.gitlab.com/resources/whitepaper-forrester-manage-your-toolchain/

77. Photo by Clark Tibbs on Unsplash Thank You

78. https://devopsdays.twhttps://devopstw.club

79. 謝謝

和艦長一起玩轉 GitLab & GitLab Workflow

Chen Cheng-Wei

和艦長一起玩轉 GitLab & GitLab Workflow