การตั้งค่า Port และ URL ที่กำลังใช้งาน

ใน GitHub Codespaces สามารถรัน Project เป็น URL ที่เข้าถึงได้หลายอัน (URL ชั่วคราว) โดยแต่ละอันจะเรียกว่า Port ซึ่งจะมีเลข Port ในการเข้าถึง

โดยปกติระบบใน GitHub Codespaces จะใช้ Port 3000

Port คืออะไร?

Port คือ URL ที่ใช้ในการเข้าถึงแอปพลิเคชันที่กำลังรันอยู่ใน Codespace ของคุณ แต่ละ Port จะมี:

เลข Port (Port Number): ตัวเลขที่ระบุช่องทางการสื่อสาร เช่น 3000, 8080, 5000 เป็นต้น
URL ชั่วคราว (Forwarded URL): URL ที่ GitHub สร้างขึ้นให้อัตโนมัติ เพื่อให้สามารถเข้าถึงแอปพลิเคชันจากภายนอก Codespace ได้
สถานะการเข้าถึง (Visibility): กำหนดว่าใครสามารถเข้าถึง URL นั้นได้บ้าง (Private, Public, หรือ Organization)

ที่บริเวณด้านล่างของหน้าจอ GitHub Codespaces (ใกล้กับ Terminal)
คุณจะเห็นแท็บหลายตัว เช่น PROBLEMS, OUTPUT, DEBUG CONSOLE, TERMINAL, และ PORTS
คลิกที่แท็บ PORTS เพื่อดูรายการ Port ทั้งหมดที่กำลังถูกใช้งาน

ในแท็บ PORTS คุณจะเห็นตารางที่แสดงข้อมูล:

Port	Forward Address	Visibility	Origin
3000 (เป็น Port ของ Project)	https://username-repo-xxxxx.githubpreview.dev	Private	User Forwarded
5432 (เป็น Port ของ Database)	https://username-repo-xxxxx.githubpreview.dev	Private	User Forwarded
51212 (เป็น Port สำหรับเข้าไปดู Database)	https://username-repo-xxxxx.githubpreview.dev	Private	User Forwarded

คอลัมน์ที่สำคัญ:

Port: เลข Port ที่กำลังเปิดใช้งาน (ในกรณีนี้คือ 3000)
Forward Address: URL ที่สามารถใช้เข้าถึงแอปพลิเคชันของคุณ
- กดไอคอนรูป Copy เพื่อ Copy port ไปใช้
- กดไอคอนรูป Globe เพื่อเปิด URL นั้น ๆ
Visibility: สถานะการเข้าถึง
- Private: เข้าถึงได้เฉพาะคุณที่ login GitHub
- Public: ทุกคนสามารถเข้าถึงได้
- Organization: เฉพาะสมาชิกใน Organization
Origin: บอกว่า Port นี้ถูกสร้างโดยใคร

ในการตั้งค่า Google Cloud OAuth ต้อง Copy URL ของ Port 3000 มาใช้

ในการตั้งค่า NEXTAUTH_URL ต้อง Copy URL ของ Port 3000 มาใช้