Skip to main content

เริ่มต้นกับ Claude Code บนเว็บ

รัน Claude Code บนคลาวด์จากเบราว์เซอร์หรือโทรศัพท์ของคุณ เชื่อมต่อ GitHub repository, ส่งงาน, และ review PR โดยไม่ต้องตั้งค่าในเครื่อง

note

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 ControlTerminal CLIDesktop app
Code รันบนAnthropic cloud VMเครื่องของคุณเครื่องของคุณเครื่องของคุณหรือ cloud VM
คุณ chat จากclaude.ai หรือ mobile appclaude.ai หรือ mobile appTerminal ของคุณ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_urlURL เพื่อดึงข้อความ 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