7. Menggunakan Git pada Jetson Nano

Membuat Simple Flask App di Jetson Nano, Commit & Push ke Repositori Github

Git digunakan untuk melakukan versioning terhadap software yang sering disebut sebagai versioning control system. Tools ini dibuat oleh Linus Torvalds untuk tujuan mencatat perubahan pada file didalam software yang dibuat. [petanikode]

Pada tulisan kali ini kita akan coba membangun sebuah aplikasi web app sederhana di Jetson Nano dan kita akan simpan sourcecode-nya di Github. Web app akan dibangun menggunakan Flask, sebuah web framework pada pemrograman Python.

Github merupakan layanan hosting repositori project software yang menggunakan Git. Namun layanan Github tidak sebatas itu saja, ada fitur issues (threaded discussions), pull requests, code review, automation & CI/CD, dan masih banyak lagi.

Persiapan

• Akses Jetson Nano menggnakan VS Code + Remote Development, lalu buka terminal Jetson Nano dari VS Code seperti berikut,

• Cek versi python dan pip,

$ python3 -V
$ pip3 -V

• Jika pip belum ter-install di Jetson Nano, install dengan cara berikut,

$ sudo apt-get install python3-pip

• buat folder baru dengan nama Github ,

$ cd ~
$ mkdir Github

• Buat folder Flask-Demo didalam folder Github yang baru dibuat,

$ cd Github
$ mkdir Flask-Demo
$ cd Flask-Demo

2. Simple Web App Menggunakan Flask

• Install Flask menggunakan pip,

$ pip3 install Flask

• Buat file baru didalam folder Flask-Demo dengan nama app.py

$ touch app.py

• Paste code berikut didalam file app.py yang baru saja dibuat,

from flask import Flask
app = Flask(__name__)

@app.route('/')
def hello_world():
    return 'Hello, World!'

• Save app.py dengan cara klik CTRL+S,
• Jalankan Flask web app di terminal,

$ export FLASK_APP=app.py
$ python3 -m flask run --host=0.0.0.0

• Buka hasilnya di browser dengan mengakses http://<IP_Jetson_Nano>:5000,

• Close web app dengan menekan CTRL + C di teminal VS Code yang terhubung ke Jetson Nano.

3. Publish App ke Repository Github

• Jika belum memiliki akun Github, buat terlebih dahulu disini, https://github.com/join?source=login
• Create Repository di Github, pilih tombol `+` di pojok kanan atas, lalu pilih New Repository,

• Masukan repository name Flask-Demo ,

• Scroll kebagian paling bawah, lalu klik Create Repository

• Setelah itu kembali ke terminal di VS Code yang terhubung ke Jetson Nano, jalankan,

$ git config --global user.email "you@example.com"
$ git config --global user.name "Your Name"

• Ganti you@example.com dan Your Name dengan email dan username Github milik masing-masing,
• Setelah itu jalankan command git berikut di folder ~/Github/Flask-Demo/,

$ echo "# Flask-Demo" >> README.md
$ git init
$ git add .
$ git commit -m "first commit"
$ git branch -M main
$ git remote add origin https://github.com/<your_username>/Flask-Demo.git
$ git push -u origin main

• ganti <your_username> dengan username Github masing-masing,

• Cek kembali repository Flask-Demo yang sebelumnya dibuat, kita bisa melihat bahwa repository sudah diupdate dengan sourcecode web app yang kita jalankan sebelumnya di Jetson Nano,

3. Add, Commit & Push Git menggunakan VS Code

• Setelah sebelumnya kita melakukan commit dan push code menggunakan comand-line git, sekarang kita akan coba gunakan fitur Git VS Code untuk memudahkan kita saat menggunakan git.
• Update README.md pada folder Flask-Demo/menjadi seperti berikut,

# Flask-Demo
Simple Flask web app for Jetson Nano

• Lalu save dengan cara klik CTRL + S,
• Setelahnya pada side menu akan muncul 1 notif changes pada menu Source Control,

• Klik menu tersebut, lalu klik tombol `+` pada changes README.md ,

• Sehingga tampak seperti berikut, changes akan dipindahkan ke staged changes, bagian ini sebelumnya di lakukan pada command-line menggunakan perintah git add . ,

• Selanjutnya klik tombol `✔`untuk melakukan commit dan tambahkan commit message, setelah itu tekan enter,

• Pada bagian kiri-bawah klik icon berikut untuk push change ke origin main,

• Lalu cek kembali repository Flask-Demo , kita bisa melihat hasil changes berhasil disimpan,

Ditahap ini kita sudah bisa membuat simple web app menggunakan Flask, membuat repository Github, melakukan commit & push code baik menggunakan git command-line maupun fitur Git pada VS Code.

Sekian untuk tutorial penggunaan Git di Jetson Nano, terima kasih.

Sumber :

• https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-new-repository
• https://guides.github.com/introduction/git-handbook/
• https://www.petanikode.com/git-untuk-pemula/