ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

 

Web IDE คืออะไร ? และใช้งานอย่างไร ?

Web IDE คืออะไร
Web IDE คืออะไร

Web IDE เป็นเครื่องมือของ GitLab ที่ช่วยให้สามารถแก้ไขปัญหาเล็กๆจากไฟล์ Project ที่เข้าถึงโค้ดของแต่ละไฟล์ได้อย่างง่ายดาย รวมถึงการสลับการใช้งานสาขาหรือ branches ได้ทันที

การใช้งาน Web IDE สามารถใช้งานได้บนเว็บเบราว์เซอร์ซึ่งการทำงานจะคล้ายๆ Edittor อย่าง NetBeans, Sublime แต่ Web IDE ของ GitLap (กิตแล็บ) จะสะดวกในการใช้งานโดยที่ไม่ต้องติดตั้งเพียงแค่เข้าเว็บก็สามารถแก้ไขโค้ดได้แล้ว นอกจากนี้ Web IDE ยังสามารถดู Preview Code ก่อน Commit ได้ ทำให้การทำงานนั้นง่ายยิ่งขึ้น

ขั้นตอนต่อไปนี้จะสอนวิธีการใช้งาน Web IDE ของ GitLap เพื่อพัฒนาภาษาไทยเว็บบอร์ด phpBB3.2

ขั้นตอนที่ 1 : เข้าเว็บไซต์ GitLab เช่น : http://git.mindphp.com/phpBBThaiEdition/th > เลือกไปที่ Branches

Web IDE
Web IDE


ขั้นตอนที่ 2 : เลือก Branch ที่เป็นของตัวเองหากยังไม่มีให้เลือกที่ New branch

Web IDE New branch
Web IDE New branch


ขั้นตอนที่ 3 : กำหนดชื่อสาขา Branch name > Create branch

Web IDE Branch name
Web IDE Branch name


ขั้นตอนที่ 4 : เลือกเมนู Web IDE

Web IDE
Web IDE


ขั้นตอนที่ 5 : จะแสดงหน้าต่างและไฟล์ต่างของ Project

แสดงหน้าต่างและไฟล์ต่าง
แสดงหน้าต่างและไฟล์ต่าง


ขั้นตอนที่ 6 : แต่ละไฟล์สามารถแก้ไขได้ เมื่อคลิกจะแสดงโค้ดทั้งหมดของไฟล์นั้น

Web IDE คลิกจะแสดงโค้ด
Web IDE คลิกจะแสดงโค้ด


ขั้นตอนที่ 7 : ทดสอบลองแก้ไขโค้ดที่ไฟล์ common.php > จะเห็นได้ว่าปุ่ม Commit แสดงขึ้นมา

Web IDE ทดสอบลองแก้ไข
Web IDE ทดสอบลองแก้ไข


ขั้นตอนที่ 8 : ด้านซ้ายจะสามารถ Preview Code ก่อนหลังได้ ว่าเราได้แก้ไขอะไรไปบ้าง

Web IDE  Preview Code
Web IDE Preview Code


ขั้นตอนที่ 9 : ต่อไปขึ้นตอน Commit เพื่ออัพไปยัง Server ในเมนู commit ด้านซ้าย จะแสดงไฟล์ที่เราแก้ไขทั้งหมด กดเครื่องหมาย "ถูก" เลือกไฟล์ที่จะ commit

Web IDE ขึ้นตอน Commit
Web IDE ขึ้นตอน Commit


ขั้นตอนที่ 10 : ไฟล์ที่เลือกจะถูกแสดงด้านล่างจะนั้นกด Commit

Web IDE Commit
Web IDE Commit


ขั้นตอนที่ 11 : ในการ Commit จะบังคับให้ผู้พัฒนาป้อนข้อความรายละเอียดของการแก้ไข > เลือก branch ของเรา > กด Commit

Web IDE เลือก branch
Web IDE เลือก branch


ขั้นตอนที่ 12 : รายการถูก Commit เรียบร้อยแล้ว สามารถดูได้ที่เมนู Activity จะแสดงรายการที่แก้ไข

สามารถดูได้ที่เมนู Activity
สามารถดูได้ที่เมนู Activity

 

        การพัฒนา Web IDE บน GitLab ของ mindphp เป็นการร่วมกันพัฒนาปรับแก้โค้ดของ Project ต่างๆของ mindphp ได้เปิดให้ร่วมกันพัฒนาอย่าง JoomshoppingThaiEdiion เว็บขายของออนไลน์ และตัวอย่างที่ทำให้ดูเป็นการพัฒนาไฟล์ภาษาของเว็บบอร์ด phpBB 3.2 : phpBBThaiEdition ซึ่ง Web IDE จะสามารถพัฒนาได้บน GitLap ที่เว็บเบราว์เซอร์ได้เลยโดยที่ไม่ต้องติดตั้งโปรแกรม

เพื่อพัฒนา Project ให้สมบูรณ์และให้ผู้ที่สนใจสามารถดาวน์โหลดไปใช้งานก่อนต่อไป

ดาวน์โหลด Project :

phpBBThaiEdition : ภาษาไทย สำหรับ phpBB 3.2

JoomShopping : ไฟล์ Component JoomShopping บน Joomla

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การจัดสินค้าขาย
โดย milk2533 อ 24 พ.ย. 2020 12:49 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
4
อ 24 พ.ย. 2020 12:49 pm โดย milk2533
FIFO สินค้าตามวันหมดอายุ
โดย milk2533 อ 24 พ.ย. 2020 11:17 am บอร์ด Share Knowledge
0
6
อ 24 พ.ย. 2020 11:17 am โดย milk2533
การนับสต๊อคสินค้าเซเว่น
โดย milk2533 อ 24 พ.ย. 2020 11:15 am บอร์ด Share Knowledge
0
3
อ 24 พ.ย. 2020 11:15 am โดย milk2533
FIFO สินค้าตามวันหมดอายุ
โดย milk2533 อ 24 พ.ย. 2020 10:51 am บอร์ด M115 - กฤตวรรณ อาทิตย์ตั้ง
0
4
อ 24 พ.ย. 2020 10:51 am โดย milk2533
การนับสต๊อคสินค้าเซเว่น
โดย milk2533 อ 24 พ.ย. 2020 10:45 am บอร์ด M115 - กฤตวรรณ อาทิตย์ตั้ง
0
3
อ 24 พ.ย. 2020 10:45 am โดย milk2533
เทคนิคการใช้งานเว็บไซต์ mindphp Tip&Trick
โดย milk2533 อ 24 พ.ย. 2020 9:50 am บอร์ด M115 - กฤตวรรณ อาทิตย์ตั้ง
0
5
อ 24 พ.ย. 2020 9:50 am โดย milk2533
แนะนำเว็บไซต์ mindphp.com
โดย milk2533 อ 24 พ.ย. 2020 9:48 am บอร์ด M115 - กฤตวรรณ อาทิตย์ตั้ง
0
9
อ 24 พ.ย. 2020 9:48 am โดย milk2533
งานประจำวันที่ 24 พฤศจิกายน 2563
โดย milk2533 อ 24 พ.ย. 2020 9:38 am บอร์ด M115 - กฤตวรรณ อาทิตย์ตั้ง
0
40
อ 24 พ.ย. 2020 9:38 am โดย milk2533