主控台中的 OpenCode

OpenCode 是開源的程式開發代理程式。OpenCode Lite 是以 Text.js 建構的 OpenCode 主控台用戶端。

#試用

• 在本站：前往 OpenCode 並開啟 DevTools。
• 在本機：bunx create-text-app my-app --template opencode。

本站執行的沙箱搭配按腳本運作的代理程式。輸入任意提示詞。

#結構

export default function SessionPage({ params }: PageProps<{ id: string }>) {  const { messages, send } = useSession(params.id);  return (    <Box className="flex-col grow">      <ScrollBox stickyScroll className="grow">        {messages.map((m) => <MessageView key={m.id} message={m} />)}      </ScrollBox>      <Textarea placeholder="Ask anything…" onSubmit={send} autoFocus />    </Box>  );}

#快速鍵

#連線至本機伺服器

# From any directory:opencode service status  # If stopped: opencode service startbunx @textjs/opencode@latest proxy

保持橋接程式執行。在 OpenCode 頁面輸入 http://127.0.0.1:4096，按下連線，若 Chrome 詢問，請允許本機網路存取。接著輸入橋接程式印出的配對碼。頁面會保持配對，直到橋接程式重新啟動或你按下中斷連線。請使用橋接程式的網址，而非服務連接埠：橋接程式會提供服務憑證與 CORS 標頭。使用完畢後，按 Ctrl+C 停止橋接程式。

若前景伺服器已在連接埠 4096 執行，請執行 bunx @textjs/opencode@latest proxy --port 4097 --target http://127.0.0.1:4096，並將頁面連線至連接埠 4097。若前景伺服器有密碼保護，請在橋接程式的 shell 中匯出其 OPENCODE_PASSWORD；不要將密碼放在瀏覽器網址中。

橋接程式是 @textjs/opencode 套件。此套件沒有相依套件，也能在 Node 22 或更新版本上以 npx 執行。在 Text.js 專案內，text proxy 會啟動相同的橋接程式。