Dev to webs {Coding…}

เรียนรู้การพัฒนาซอฟเวอร์ เพื่อความรู้ที่ยั่งยืน

การติดตั้งและใช้งาน GitHub Desktop

1. การติดตั้ง GitHub Desktop

1.1 การดาวน์โหลด GitHub Desktop

  1. เข้าไปที่เว็บไซต์ https://desktop.github.com/ เพื่อดาวน์โหลดโปรแกรม GitHub Desktop
  2. คลิกที่ปุ่ม Download for [ระบบปฏิบัติการของคุณ] เพื่อดาวน์โหลดโปรแกรมที่ตรงกับระบบปฏิบัติการที่คุณใช้งาน เช่น Windows หรือ macOS

1.2 การติดตั้ง GitHub Desktop บนระบบปฏิบัติการต่างๆ

  • บน Windows
    1. เปิดไฟล์ติดตั้ง .exe ที่ดาวน์โหลดมา
    2. ทำตามขั้นตอนบนหน้าจอเพื่อติดตั้งโปรแกรม
    3. คลิก Finish เมื่อการติดตั้งเสร็จสิ้น
  • บน macOS
    1. เปิดไฟล์ .dmg ที่ดาวน์โหลดมา
    2. ลากไอคอน GitHub Desktop ไปไว้ใน Applications
    3. เปิดโปรแกรมจาก Applications

2. การตั้งค่าและใช้งาน GitHub Desktop

2.1 การลงชื่อเข้าใช้บัญชี GitHub

  1. เปิดโปรแกรม GitHub Desktop
  2. คลิก Sign in to GitHub.com และกรอกข้อมูลชื่อผู้ใช้และรหัสผ่านของคุณ
  3. เมื่อเข้าสู่ระบบสำเร็จแล้ว โปรแกรมจะเชื่อมต่อกับบัญชี GitHub ของคุณโดยอัตโนมัติ

2.2 การตั้งค่าโฟลเดอร์ Local Repository

หลังจากลงชื่อเข้าใช้ GitHub Desktop แล้ว สามารถเลือกโฟลเดอร์ที่จะใช้เป็น Local Repository ได้เพื่อใช้จัดเก็บโค้ดในเครื่อง

  1. คลิกที่ File > Options…
  2. ไปที่แท็บ Git แล้วกำหนดโฟลเดอร์ที่ต้องการจัดเก็บ Local Repository หรือสร้างโฟลเดอร์ใหม่เพื่อจัดเก็บโค้ด

3. ฟีเจอร์หลักของ GitHub Desktop

3.1 การสร้าง Repository ใหม่บน GitHub Desktop

สามารถสร้าง Repository ใหม่เพื่อจัดเก็บโค้ดและเริ่มต้นการควบคุมเวอร์ชันได้

  1. คลิกที่ File > New Repository…
  2. ตั้งชื่อ Repository และเลือกโฟลเดอร์ที่จะจัดเก็บโค้ดในเครื่อง
  3. ระบุคำอธิบาย (Description) และกำหนดว่าจะเป็น Public หรือ Private
  4. คลิก Create Repository เพื่อสร้าง Repository ใหม่

3.2 การ Clone Repository จาก GitHub

การ Clone Repository คือการดึงโค้ดจาก Repository บน GitHub มาที่เครื่อง

  1. ไปที่ File > Clone Repository…
  2. เลือก Repository ที่ต้องการ Clone จากบัญชี GitHub ของคุณ
  3. กด Choose เพื่อเลือกโฟลเดอร์ที่จะจัดเก็บ Repository ในเครื่อง
  4. คลิก Clone เพื่อดึงโค้ดมาที่เครื่อง

3.3 การ Commit และ Push โค้ด

  • Commit: บันทึกการเปลี่ยนแปลงใน Local Repository
  • Push: ส่งการเปลี่ยนแปลงจาก Local Repository ไปยัง GitHub

ตัวอย่างการ Commit และ Push ด้วย GitHub Desktop

  1. หลังจากแก้ไขไฟล์ใน Local Repository แล้ว โปรแกรมจะตรวจพบการเปลี่ยนแปลงในโฟลเดอร์ของ Repository
  2. ใส่ข้อความสำหรับ Commit ที่ช่อง Summary เพื่ออธิบายการเปลี่ยนแปลง
  3. คลิก Commit to main เพื่อบันทึกการเปลี่ยนแปลง
  4. คลิก Push origin เพื่อส่งการเปลี่ยนแปลงไปยัง GitHub

3.4 การสร้าง Branch และการ Merge ด้วย GitHub Desktop

การสร้าง Branch ช่วยให้เราทำงานแยกจาก Branch หลัก (main) ได้อย่างปลอดภัยและทำให้การพัฒนาฟีเจอร์ใหม่ๆ เป็นไปอย่างราบรื่น

ตัวอย่างการสร้าง Branch ใหม่

  1. คลิกที่ Current Branch บริเวณมุมซ้ายบน
  2. เลือก New Branch
  3. ตั้งชื่อ Branch ใหม่และคลิก Create Branch

เมื่อทำงานใน Branch ที่สร้างเสร็จสิ้นแล้ว สามารถ Merge เข้ากับ Branch หลักได้โดย:

  1. ไปที่ Branch > Merge into current branch…
  2. เลือก Branch ที่ต้องการ Merge

4. การใช้งาน GitHub Desktop ในโปรเจกต์จริง

GitHub Desktop เหมาะสำหรับการควบคุมเวอร์ชันและการทำงานร่วมกันในทีมอย่างมาก โดยมีประโยชน์เช่น:

  • การจัดการโค้ดที่ปลอดภัย: มีประวัติการเปลี่ยนแปลงโค้ดและสามารถย้อนกลับไปยังเวอร์ชันก่อนหน้าได้
  • การทำงานร่วมกันในทีม: ผู้ใช้หลายคนสามารถทำงานร่วมกันในโปรเจกต์เดียวกันได้โดยใช้ Branch แยกในการพัฒนา
  • การตรวจสอบความถูกต้องของโค้ด: สามารถตรวจสอบและปรับปรุงโค้ดได้ก่อนที่จะรวมเข้ากับ Branch หลัก