เว็บ

การใช้ OpenCode ในเบราว์เซอร์ของคุณ

OpenCode สามารถทำงานเป็นเว็บแอปพลิเคชันในเบราว์เซอร์ของคุณได้ โดยมอบประสบการณ์การเขียนโค้ด AI อันทรงพลังแบบเดียวกันโดยไม่ต้องใช้ terminal

เว็บ OpenCode - เซสชันใหม่

เริ่มต้นใช้งาน

เริ่มเว็บอินเตอร์เฟสด้วยการรัน:

opencode web

สิ่งนี้จะเริ่มต้นเซิร์ฟเวอร์ท้องถิ่นบน 127.0.0.1 ด้วยพอร์ตที่มีอยู่แบบสุ่มและเปิด OpenCode โดยอัตโนมัติในเบราว์เซอร์เริ่มต้นของคุณ

คุณสามารถกำหนดค่าเว็บเซิร์ฟเวอร์ได้โดยใช้แฟล็กบรรทัดคำสั่งหรือใน ไฟล์กำหนดค่า

ตามค่าเริ่มต้น OpenCode จะเลือกพอร์ตที่พร้อมใช้งาน คุณสามารถระบุพอร์ต:

opencode web --port 4096

ตามค่าเริ่มต้น เซิร์ฟเวอร์จะเชื่อมโยงกับ 127.0.0.1 (เฉพาะโลคัลโฮสต์เท่านั้น) หากต้องการให้ OpenCode เข้าถึงได้บนเครือข่ายของคุณ:

opencode web --hostname 0.0.0.0

เมื่อใช้ 0.0.0.0 OpenCode จะแสดงทั้งที่อยู่ในท้องถิ่นและเครือข่าย:

  Local access:       http://localhost:4096
  Network access:     http://192.168.1.100:4096

เปิดใช้งาน mDNS เพื่อให้เซิร์ฟเวอร์ของคุณค้นพบได้บนเครือข่ายท้องถิ่น:

opencode web --mdns

สิ่งนี้จะตั้งชื่อโฮสต์เป็น 0.0.0.0 โดยอัตโนมัติและโฆษณาเซิร์ฟเวอร์เป็น opencode.local

คุณสามารถปรับแต่งชื่อโดเมน mDNS เพื่อเรียกใช้หลายอินสแตนซ์บนเครือข่ายเดียวกันได้:

opencode web --mdns --mdns-domain myproject.local

หากต้องการอนุญาตโดเมนเพิ่มเติมสำหรับ CORS (มีประโยชน์สำหรับส่วนหน้าที่กำหนดเอง):

opencode web --cors https://example.com

เพื่อป้องกันการเข้าถึง ให้ตั้งรหัสผ่านโดยใช้ตัวแปรสภาพแวดล้อม OPENCODE_SERVER_PASSWORD:

OPENCODE_SERVER_PASSWORD=secret opencode web

ชื่อผู้ใช้มีค่าเริ่มต้นเป็น opencode แต่สามารถเปลี่ยนได้ด้วย OPENCODE_SERVER_USERNAME

# Start the web server
opencode web --port 4096

# In another terminal, attach the TUI
opencode attach http://localhost:4096

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

คุณยังสามารถกำหนดการตั้งค่าเซิร์ฟเวอร์ในไฟล์กำหนดค่า opencode.json ของคุณได้:

{
  "server": {
    "port": 4096,
    "hostname": "0.0.0.0",
    "mdns": true,
    "cors": ["https://example.com"]
  }
}

ธงบรรทัดคำสั่งมีความสำคัญเหนือกว่าการตั้งค่าไฟล์กำหนดค่า