Github บูรณาการกับ Selenium: บทช่วยสอนที่สมบูรณ์

GitHub คืออะไร?

GitHub เป็นแพลตฟอร์มการทำงานร่วมกันที่สร้างขึ้นบน Git ช่วยให้คุณสามารถเก็บสำเนาโปรเจ็กต์ได้ทั้งในเครื่องและบนเซิร์ฟเวอร์ ทำให้สามารถเผยแพร่โปรเจ็กต์ไปยังสมาชิกในทีมที่ใช้งานและอัปเดตจากที่นั่นได้

ข้อดีของการใช้ GitHub สำหรับ Selenium:

• เมื่อมีคนหลายคนทำงานในโครงการเดียวกัน พวกเขาสามารถอัปเดตรายละเอียดโครงการและแจ้งให้สมาชิกในทีมคนอื่นๆ ทราบพร้อมๆ กันได้
• Jenkins เราสามารถสร้างโปรเจ็กต์จากที่เก็บข้อมูลระยะไกลได้อย่างสม่ำเสมอ ซึ่งช่วยให้เราดูแลรักษาได้ง่ายขึ้น track ของการสร้างที่ล้มเหลว

ข้อกำหนดเบื้องต้นสำหรับ Selenium และการผสานรวม GitHub

ก่อนที่เราจะเริ่ม Selenium และเพื่อให้สามารถใช้งานร่วมกับ GitHub ได้ เราจำเป็นต้องติดตั้งส่วนประกอบต่อไปนี้

1. Jenkins การติดตั้ง
2. การติดตั้ง Maven
3. การติดตั้ง Tomcat

คุณสามารถดูขั้นตอนการติดตั้งได้จากคู่มือต่อไปนี้:

1. เมเวนและ Jenkins คู่มือการติดตั้ง
2. คู่มือการติดตั้ง Tomcat

ภาพหน้าจอด้านล่างแสดงให้เห็น Selenium โปรเจ็กต์ Maven ที่เราจะแชร์ไปยัง GitHub

การติดตั้ง Git ไบนารี

ต่อไปเรามาเริ่มติดตั้งไบนารีของ Git กันเลย

ขั้นตอน 1) เปิดเบราว์เซอร์และไปที่ https://git-scm.com/

ขั้นตอน 2) ดาวน์โหลดเวอร์ชันเสถียรล่าสุด

ขั้นตอน 3) คลิกที่ดาวน์โหลดเพื่อดาวน์โหลด Windowsจากนั้นจึงเริ่มการติดตั้ง

ขั้นตอน 4) ไปที่ตำแหน่งดาวน์โหลดหรือไอคอนแล้วเรียกใช้โปรแกรมติดตั้ง

ขั้นตอน 5) คลิกผ่านหน้าจอต้อนรับและข้อตกลงใบอนุญาตสาธารณะทั่วไป

ขั้นตอน 6) คลิกปุ่มถัดไปในตัวช่วยตั้งค่า Git

ขั้นตอน 7) อ่านข้อตกลงใบอนุญาตสาธารณะทั่วไปของ GNU แล้วคลิกถัดไป

ขั้นตอน 8) ในหน้าต่างถัดไป

1. เลือกไดเร็กทอรีที่คุณต้องการติดตั้งไบนารีของ Git แล้ว
2. คลิกปุ่มถัดไป

ขั้นตอน 9) เลือกส่วนประกอบที่คุณต้องการติดตั้ง แล้วคลิกถัดไป

ขั้นตอน 10) หากคุณต้องการสร้างโฟลเดอร์เมนูเริ่มต้นสำหรับ Git ให้คงการตั้งค่าเริ่มต้นไว้แล้วคลิกถัดไป

ขั้นตอน 11) ในขั้นตอนนี้

1. เลือกใช้ Git จากไฟล์ Windows Command Prompt เพื่อให้สามารถเรียกใช้ Git จากบรรทัดคำสั่งได้ และ
2. คลิกถัดไป ปล่อยการตั้งค่าตามค่าเริ่มต้น แล้วคลิกถัดไปอีกครั้ง

ขั้นตอน 12) ในขั้นตอนนี้

1. เลือกใช้ OpenSSH ซึ่งจะช่วยให้เราสามารถเรียกใช้คำสั่งจากบรรทัดคำสั่งและตั้งค่าเส้นทางสภาพแวดล้อมได้
2. คลิกปุ่มถัดไป

ขั้นตอน 13) ในขั้นตอนนี้

1. เลือก “ชำระเงิน” Windows-style, กำหนดค่าการขึ้นบรรทัดใหม่แบบ Unix” (ตัวเลือกนี้ควบคุมวิธีการที่ Git ควรจัดการกับการขึ้นบรรทัดใหม่ในไฟล์ข้อความ)
2. คลิกปุ่มถัดไป

ขั้นตอน 14) ในขั้นตอนนี้

1. เลือกใช้ MinTTY ซึ่งเป็นเทอร์มินัลเริ่มต้นของ MSys2 สำหรับ Git Bash
2. คลิกปุ่มถัดไป

จากนั้นโปรแกรมติดตั้งจะคัดลอกไฟล์ไปยังปลายทาง

เปิดหน้าต่าง Command Prompt พิมพ์ “git” แล้วกด Enter หน้าจอด้านล่างแสดงว่าการติดตั้งสำเร็จแล้ว

Jenkins การติดตั้งปลั๊กอิน Git

เมื่อติดตั้ง Git แล้ว Jenkins จำเป็นต้องมีปลั๊กอินเฉพาะเพื่ออ่านข้อมูลจาก GitHub repository

ขั้นตอน 1) เปิดเบราว์เซอร์และไปที่เว็บไซต์ของคุณ Jenkins.

ขั้นตอน 2) คลิกที่จัดการ Jenkins.

ขั้นตอน 3) คลิกที่ จัดการปลั๊กอิน (Manage Plugins) หน้าต่างใหม่จะเปิดขึ้นมา

ขั้นตอน 4) คลิกที่แท็บ "พร้อมใช้งาน"

ขั้นตอน 5) ในขั้นตอนนี้

1. เลือกปลั๊กอิน GitHub จากนั้น
2. คลิกที่ปุ่ม "ดาวน์โหลดทันทีและติดตั้งหลังจากรีสตาร์ท"

⚠️ ปัจจุบัน Jenkins UI: ตอนนี้ข้อมูลเข้าสู่ระบบแล้ว จัดการ Jenkins > ปลั๊กอิน และแท็บนั้นคือ ปลั๊กอินที่มีอยู่หน้าจอยังคงใช้ป้ายกำกับเดิม การทำงานยังคงเหมือนเดิม

Jenkins ตอนนี้จะทำการติดตั้งปลั๊กอิน GitHub และส่วนประกอบที่เกี่ยวข้อง เมื่อเสร็จสิ้นแล้ว ให้รีสตาร์ทเซิร์ฟเวอร์ Tomcat โดยเรียกใช้ไฟล์ shutdown.bat

หลังจากรีสตาร์ท Tomcat แล้ว Jenkins เราสามารถดูปลั๊กอินที่แสดงอยู่ในแท็บ "ติดตั้งแล้ว" ได้

การตั้งค่าของเรา Eclipse ด้วยปลั๊กอิน GitHub

เว็บไซต์สำหรับอัปเดตปลั๊กอิน EGit คือ https://download.eclipse.org/egit/updates/

⚠️ หมายเหตุเกี่ยวกับเวอร์ชัน: Eclipse IDE สำหรับ Java ขณะนี้ผู้พัฒนาได้รวม EGit ไว้ในแพ็คเกจแล้ว โปรดตรวจสอบ หน้าต่าง > แสดงมุมมอง > กิต ก่อนอื่นให้ข้ามส่วนนี้ไปหากมุมมองนั้นมีอยู่แล้ว

ขั้นตอน 1) ยิง Eclipse แล้วก็

1. คลิกที่เมนูช่วยเหลือ จากนั้น
2. คลิกที่ ติดตั้งซอฟต์แวร์ใหม่

ขั้นตอน 2) หน้าจอด้านล่างจะปรากฏขึ้นเมื่อเราคลิกที่ "ติดตั้งซอฟต์แวร์ใหม่" จากนั้นคลิกที่ "เพิ่ม"

ขั้นตอน 3) ในขั้นตอนนี้

1. พิมพ์ชื่อ “EGIT” และ
2. ป้อนสถานที่ https://download.eclipse.org/egit/updates/แล้ว
3. คลิกตกลง

ขั้นตอน 4) จากนั้นคลิกที่ เลือกทั้งหมด แล้วคลิกถัดไป

ขั้นตอน 5) คลิกถัดไป ยอมรับข้อตกลงใบอนุญาต จากนั้นดำเนินการติดตั้งให้เสร็จสิ้นและรีสตาร์ทเครื่อง Eclipse.

การสร้างพื้นที่เก็บข้อมูลบน Git

ขั้นตอน 1) นำทางไปยัง https://github.com/ และลงทะเบียนใช้งาน GitHub

ขั้นตอน 2) เมื่อคุณลงทะเบียนสำเร็จแล้ว ให้คลิกที่ "สร้างที่เก็บข้อมูลใหม่"

ขั้นตอน 3) ในขั้นตอนนี้

1. ป้อนชื่อของที่เก็บข้อมูล และ
2. คลิกที่ สร้างที่เก็บข้อมูล

ตัวอย่างการทดสอบการใช้งาน Selenium ด้วย GitHub

ขั้นตอน 1) เมื่อเราสร้าง repository ใหม่เสร็จแล้ว ให้เริ่มใช้งาน Eclipse.

1. คลิกที่ไฟล์
2. จากนั้นคลิกที่ "ใหม่" แล้วจึงคลิก "ถัดไป"
3. คลิกที่ อื่นๆ

ขั้นตอน 2) ในขั้นตอนนี้

1. เลือกโครงการ Maven และเรียกดูสถานที่
2. คลิกถัดไป

ขั้นตอน 3) ในขั้นตอนนี้

1. เลือกชื่อโครงการและสถานที่ตั้ง จากนั้น
2. คลิกถัดไป

ขั้นตอน 4) คลิกถัดไป

ขั้นตอน 5) ในขั้นตอนนี้

1. ป้อนรหัสกลุ่มและ
2. รหัสสิ่งประดิษฐ์ และ
3. คลิกที่ปุ่มเสร็จสิ้น

เมื่อคุณคลิกปุ่ม "เสร็จสิ้น" โครงการจะถูกสร้างขึ้นทันที

ขั้นตอน 6) ต่อไปนี้เรามาสร้างสคริปต์ตัวอย่างกัน

ขั้นตอน 7) ตอนนี้ให้พุชที่เก็บข้อมูลในเครื่องไปยัง GitHub

1. จุดเปิด Eclipse จากนั้นจึงไปยังโปรเจ็กต์
2. คลิกขวาที่โปรเจ็กต์แล้วเลือก Team จากนั้น
3. เลือกแชร์โปรเจ็กต์

ขั้นตอน 8) การคลิก "แชร์โปรเจ็กต์" จะเปิดหน้าต่างใหม่ขึ้นมา ในขั้นตอนนี้

1. เลือกที่เก็บข้อมูลในเครื่อง และ
2. คลิกที่เสร็จสิ้น

เมื่อเราคลิกที่ปุ่มเสร็จสิ้น โครงสร้างโปรเจ็กต์จะเปลี่ยนไปเพื่อแสดงว่ามีการสร้างที่เก็บข้อมูลในเครื่องแล้ว

ขั้นตอน 9) ในขั้นตอนนี้

1. คลิกขวาที่โปรเจ็กต์และทีม จากนั้น
2. คลิกที่ปุ่ม ยืนยัน

ขั้นตอน 10) ในขั้นตอนนี้

1. ป้อนข้อความยืนยันและ
2. เลือกไฟล์ที่เราต้องการส่งไปยังที่เก็บข้อมูล GitHub
3. คลิกที่ปุ่ม Commit และ Push

⚠️ หมายเหตุเกี่ยวกับการตรวจสอบความถูกต้อง: GitHub หยุดรับรหัสผ่านบัญชีสำหรับการดำเนินการ Git ตั้งแต่เดือนสิงหาคม 2021 โปรดระบุโทเค็นการเข้าถึงส่วนบุคคลที่มีขอบเขตของ repository แทน หรือกำหนดค่าคีย์ SSH แทน

จากนั้นไอคอนของโปรเจ็กต์จะเปลี่ยนไป แสดงว่าโค้ดได้รับการคอมมิตและส่งไปยัง GitHub แล้ว

GitHub repository ยืนยันว่าโปรเจ็กต์ได้รับการอัปโหลดแล้ว

ตอนนี้เราจะรันโปรเจ็กต์จาก GitHub ใน Jenkins.

ขั้นตอน 11) เปิดเบราว์เซอร์และเปิดของคุณ Jenkins.

ขั้นตอน 12) คลิกที่ "รายการใหม่"

ขั้นตอน 13) ในขั้นตอนนี้

1. ป้อนชื่อสินค้า
2. เลือกโครงการ Maven
3. คลิกที่ปุ่มตกลง

ขั้นตอน 14) ในขั้นตอนนี้ เราจะทำการตั้งค่า GitHub ใน Jenkins.

1. คลิกที่ Git แล้ว
2. ป้อน URI ของที่เก็บข้อมูล
3. คลิกที่ เพิ่มที่เก็บข้อมูล

หากมีที่เก็บโค้ดหลายแห่งใน GitHub ให้เพิ่มชื่อลงในช่อง Refspec

เราสามารถรับ URI ได้จากหน้าเพจของ GitHub repository

ขั้นตอน 15) ในขั้นตอนนี้

1. เพิ่มตำแหน่งไฟล์ pom.xml ในกล่องข้อความและ
2. ระบุเป้าหมายและตัวเลือกสำหรับ Maven จากนั้น
3. เลือกตัวเลือกวิธีการเรียกใช้การทดสอบ
4. คลิกที่ปุ่มบันทึก

ขั้นตอน 16) หน้าจอด้านล่างจะปรากฏขึ้น สร้างโปรเจ็กต์โดยคลิกที่ปุ่ม สร้าง (Build)

ขั้นตอน 17) ระบบจะแสดงข้อมูลการสร้างเครื่อง คลิกที่หมายเลขการสร้างหรือวันที่สร้างเครื่อง

ขั้นตอน 18) หน้าจอต่อไปนี้จะปรากฏขึ้น คลิกที่ "Console Output"

สุดท้ายนี้ เราสามารถตรวจสอบได้ว่าการสร้างของเราเสร็จสมบูรณ์แล้ว จากนั้นงานเดียวกันนี้สามารถนำไปใช้กับงานอื่นได้ ไปป์ไลน์ CI/CD หรือ โปรเจกต์ฟรีสไตล์.

คำถามที่พบบ่อย