Pada Juli 2019, berlangsung GITS Class #16, workshop gratis dan terbuka untuk umum, di kantor GITS Indonesia. Farhan (DevOps di GITS Indonesia) membawakan materi tentang CI/CD menggunakan GitLab Runner. Jangan sampai ketinggalan! Follow akun GITS Indonesia untuk mendapatkan info terkait event seru selanjutnya! Instagram: @gitsindonesia Twitter: @gitsindonesia Facebook: GITS Indonesia Medium: GITS Apps Insight YouTube: GITS Indonesia LinkedIn: GITS Indonesia Website: https://gits.id/

1. CI/CD
Continuous Integration &
Continuous Development

2. Self Introduction
Farhan Naufal
Ghani
Padalarang, Kab.
Bandung Barat
DevOps at GITS
Indonesia
Let’s know about me

3. Introduction
CI/CD

4. What is CI ?
● Continuous Integration in Indonesia means
● “Integrate” your code into automated process continuously

5. What is CD ?
Its can be ....
Continuous Delivery
-> Give the result to User or Anyone?
Continuous Deployment
-> Run my apps and share it
I call it ...
Continuous
Development

6. What is Benefit of CI/CD ?
Fast
Development
and
Feedbacks
Detect Issue
And
Fix it early
Minimize
Human Error
from nevercode.io Monitoring

7. Tools Integration for CI/CD
ETC ...

8. Introduction
Gitlab CI/CD and Runner

9. Gitlab CI/CD
● “Continuous Integration is
built-in to GitLab”
● Fully integrated with GitLab
https://about.gitlab.com/product/continuous-integration/

10. What is Gitlab Runner?
● Agent Gitlab CI installed on PC/Laptop or Server
● Container for run your CI
● Written in GO
● Configuration CI using .gitlab-ci.yml with YAML
You can see at : https://docs.gitlab.com/ee/ci/yaml/

11. Why Gitlab Runner?
● Multi-platform: Linux, OSX, Windows, Docker and etc ..
● Parallel builds
● Realtime logging
● Container Registry

12. Architecture

13. Before you begin
1. Create Repository and Push your code to repository or you already have
one
2. Deploy your Apps (Continuous Deployment) : Web Application or API
3. Create Step Pipeline

14. Before you begin
4. Create Step Procedure based on Pipeline you build
Example Build in VueJS:
$ npm install
$ npm run build
Example Test in VueJS:
$ npm run test:unit

15. Example Gitlab CI/CD using VueJS
● Using :
○ Linux Ubuntu 18.04 (Production)
○ Windows (Local Laptop)
● Web Server :
○ NGINX (Production)
○ XAMPP Apache (Local Laptop)
● Depedency :
○ Nodejs ver 10.X.X
Production URL :
https://gits-class.farhan.id
Gitlab Runner Labs :
http://bit.ly/gits-class-runner-labs
Repository :
https://gitlab.com/gits-class-15

16. Best Practice
● Android — CI / CD Getting Started
http://bit.ly/cicd-android
● CI/CD di iOS Menggunakan GitLab Runner
http://bit.ly/cicd-ios
● Docker Laravel NGINX w Gitlab CI/CD
http://bit.ly/cicd-docker-laravel

17. Production URL :
https://gits-class.farhan.id
Gitlab Runner Labs :
http://bit.ly/gits-class-runner-labs
Repository :
https://gitlab.com/gits-class-15

18. Thank You
Don’t forget to give us feedbacks
http://bit.ly/GITSClass16