เริ่มต้นกับ Claude Code บนเว็บ
รัน Claude Code บนคลาวด์จากเบราว์เซอร์หรือโทรศัพท์ของคุณ เชื่อมต่อ GitHub repository, ส่งงาน, และ review PR โดยไม่ต้องตั้งค่าในเครื่อง
Claude Code บนเว็บอยู่ใน research preview สำหรับผู้ใช้ Pro, Max, และ Team และสำหรับผู้ใช้ Enterprise ที่มี premium seats หรือ Chat + Claude Code seats
Claude Code บนเว็บรันบนโครงสร้างพื้นฐานที่ Anthropic จัดการแทนเครื่องของคุณ ส่งงานจาก claude.ai/code ในเบราว์เซอร์หรือ Claude mobile app
คุณต้องการ GitHub repository เพื่อเริ่มต้น Claude clone มันเข้าสู่ virtual machine ที่แยกออกมา ทำการเปลี่ยนแปลง และ push branch เพื่อให้คุณ review sessions ยังคงอยู่ข้ามอุปกรณ์
Claude Code บนเว็บเหมาะสำหรับ:
- งานคู่ขนาน: รันหลายงานอิสระพร้อมกัน แต่ละอันใน session และ branch ของตัวเอง
- Repos ที่คุณไม่มีในเครื่อง: Claude clone repo ใหม่ทุก session
- งานที่ไม่ต้องการการควบคุมบ่อยๆ: ส่งงานที่กำหนดไว้ชัดเจน ทำอย่างอื่น และ review ผลลัพธ์เมื่อ Claude เสร็จ
- คำถามและการสำรวจ code: เข้าใจ codebase หรือติดตามว่า feature ถูก implement อย่างไร
เปรียบเทียบวิธีการรัน Claude Code
| บนเว็บ | Remote Control | Terminal CLI | Desktop app | |
|---|---|---|---|---|
| Code รันบน | Anthropic cloud VM | เครื่องของคุณ | เครื่องของคุณ | เครื่องของคุณหรือ cloud VM |
| คุณ chat จาก | claude.ai หรือ mobile app | claude.ai หรือ mobile app | Terminal ของคุณ | Desktop UI |
| ใช้ config ท้องถิ่น | ไม่ มีเฉพาะ repo | ใช่ | ใช่ | ใช่สำหรับท้องถิ่น |
| ต้องการ GitHub | ใช่ | ไม่ | ไม่ | เฉพาะสำหรับ cloud sessions |
| ยังคงรันถ้า disconnect | ใช่ | ขณะ terminal เปิดอยู่ | ไม่ | ขึ้นอยู่กับประเภท session |
เชื่อมต่อ GitHub และสร้าง Environment
Setup เป็นกระบวนการครั้งเดียว
1. เยี่ยม claude.ai/code
ไปที่ claude.ai/code และล็อกอินด้วยบัญชี Anthropic ของคุณ
2. ติดตั้ง Claude GitHub App
หลังจากล็อกอิน claude.ai/code จะแจ้งให้เชื่อมต่อ GitHub ทำตาม prompt เพื่อติดตั้ง Claude GitHub App และให้สิทธิ์เข้าถึง repositories ของคุณ
3. สร้าง Environment ของคุณ
หลังจากเชื่อมต่อ GitHub คุณจะถูก prompt ให้สร้าง cloud environment form มี fields เหล่านี้:
- Name: ป้ายชื่อแสดงผล
- Network access: ควบคุมสิ่งที่ session สามารถเข้าถึงบน internet (ค่าเริ่มต้น
Trustedอนุญาตการเชื่อมต่อกับ package registries ทั่วไป) - Environment variables: variables เสริมที่พร้อมใช้งานใน session ทุกครั้ง
- Setup script: Bash script เสริมที่รันก่อน Claude Code เปิดตัว
เชื่อมต่อจาก Terminal ของคุณ
หากคุณใช้ GitHub CLI (gh) อยู่แล้ว คุณสามารถตั้งค่า Claude Code บนเว็บโดยไม่เปิดเบราว์เซอร์:
gh auth login # authenticate กับ GitHub CLI
จากนั้นใน Claude Code CLI รัน /login และ /web-setup
เริ่มงาน
1. เลือก Repository และ Branch
จาก claude.ai/code คลิก repository selector และเลือก repository คุณสามารถเพิ่ม repositories หลายๆ ตัวเพื่อทำงานข้ามกันใน session เดียว
2. เลือก Permission Mode
Mode dropdown ค่าเริ่มต้นเป็น Accept edits ซึ่ง Claude ทำการเปลี่ยนแปลงและ push branch โดยไม่หยุดขออนุมัติ สลับไปยัง Plan mode หากคุณต้องการให้ Claude เสนอแนวทางและรอการยืนยันก่อน edit ไฟล์
3. อธิบายงานและส่ง
พิมพ์คำอธิบายและกด Enter ให้เฉพาะเจาะจง:
- ระบุชื่อไฟล์หรือ function
- วาง error output หากคุณมี
- อธิบายพฤติกรรมที่คาดหวัง
Claude clone repositories รัน setup script ของคุณหากตั้งค่าไว้ และเริ่มทำงาน แต่ละงานได้รับ session และ branch ของตัวเอง
ใส่ข้อมูลล่วงหน้าใน Sessions
เพิ่ม query parameters ไปยัง claude.ai/code URL เพื่อ pre-fill prompt, repositories, และ environment:
| Parameter | คำอธิบาย |
|---|---|
prompt | ข้อความ prompt ที่ pre-fill ใน input box |
prompt_url | URL เพื่อดึงข้อความ prompt สำหรับ prompts ที่ยาวเกินไป |
repositories | รายการ owner/repo slugs ที่คั่นด้วยเครื่องหมายจุลภาค |
environment | ชื่อหรือ ID ของ environment ที่ pre-select |
ตัวอย่าง:
https://claude.ai/code?prompt=Fix%20the%20login%20bug&repositories=acme/webapp
Review และ Iterate
1. เปิด Diff View
Diff indicator แสดงบรรทัดที่เพิ่มและลบ เลือกเพื่อเปิด diff view พร้อมรายการไฟล์ด้านซ้ายและการเปลี่ยนแปลงด้านขวา
2. แสดง Inline Comments
เลือก line ใดก็ได้ใน diff พิมพ์ feedback ของคุณ และกด Enter Comments จะรวมกับ message ถัดไปของคุณ
3. สร้าง Pull Request
เมื่อ diff ดูถูกต้อง เลือก Create PR ที่ด้านบนของ diff view
4. Iterate ต่อหลังจาก PR
Session ยังคงทำงานหลังจาก PR ถูกสร้าง วาง CI failure output หรือ reviewer comments ลงใน chat และขอให้ Claude แก้ไข
แก้ไขปัญหาการตั้งค่า
ไม่มี Repositories ปรากฏหลังจากเชื่อมต่อ GitHub
ยืนยันว่าบัญชี GitHub ที่เชื่อมต่อมีสิทธิ์เข้าถึง repository บน GitHub
หน้าแสดงเฉพาะปุ่ม GitHub Login
Cloud sessions ต้องการบัญชี GitHub ที่เชื่อมต่อ เชื่อมต่อผ่าน browser flow ด้านบน หรือรัน /web-setup จาก terminal
"Not available for the selected organization"
Enterprise organizations อาจต้องการให้ admin เปิดใช้งาน Claude Code บนเว็บ ติดต่อทีม Anthropic account ของคุณ
ขั้นตอนต่อไป
- ใช้ Claude Code บนเว็บ: อ้างอิงเต็มรูปแบบรวมถึง setup scripts, environment variables, และ network config
- Routines: ทำให้งานเป็นอัตโนมัติตามกำหนดเวลา
- CLAUDE.md: ให้คำแนะนำถาวรแก่ Claude ที่โหลดต้นทุกๆ session