Claude Code Viewer 与 Claude Code Router 联动

简介

本文演示如何在懒猫微服中同时部署 Claude Code Router 与 Claude Code Viewer，并把 Claude Code 的请求平滑转发到 DeepSeek 等第三方模型。按照下述步骤操作后，就能在浏览器里获得完整的 Claude Code 体验，同时由 Router 统一管理模型、路由和密钥。

Claude Code Router

Claude Code Router 是 musistudio 开源的中间层，用来拦截并重写 Claude Code 的 API 请求。它支持为不同场景配置路由规则、在多家模型供应商（OpenRouter、DeepSeek、Ollama、Gemini 等）间自由切换，同时还提供请求/响应转换、ccr model CLI 管理以及插件系统，方便你把自定义的推理流程串在一起。

首次打开应用时需要设置 APIKEY，默认值是 123456。该值会在后续作为 ANTHROPIC_AUTH_TOKEN，因此请先确认好再保存。

部署成功后的界面如下，我们将在这里配置供应商和路由：

以 DeepSeek 为例，按照下列步骤添加供应商：

1. 点击「从模板导入」，在列表中选择 deepseek，并填入自己的 DeepSeek API Key（sk-xxx），若没有可在 DeepSeek 控制台 申请。

   

2. 在同一个对话框中向下滚动至「模型转换器」，把 deepseek-chat 与 deepseek-reasoner 的转换器都设置为 tooluse，确保 Claude Code 的工具调用语义能够正确映射。

   

3. 切换到右侧「路由」面板，选择刚才配置的 DeepSeek 模型作为默认路由。

   

4. 点击保存后，服务会自动重启，并在容器内监听 3456 端口。

端口转发

为了让其他应用访问 Router，需要借助「局域网端口转发工具」。

已知 Claude Code Router 运行在容器内的 3456 端口，我们可以按下图配置端口转发，把容器端口暴露到 host.lzcapp：

• 局域网入口类型可根据自身网络环境选择。
• 配置完成后，其它应用就可以通过 http://host.lzcapp:3456 调用 Claude Code Router。

Claude Code Viewer

Claude Code Viewer 由 kimuson 开源，是一个完整的网页版 Claude Code 客户端。它可以启动或恢复会话、实时查看任务输出、查看会话历史、上传文件、执行 Git Diff/Commit/Push，并内置会话调度器与多语言界面，适合远程环境中集中管理 Claude Code 项目。

在懒猫微服中部署 Claude Code Viewer 时，需要把 Router 的地址和密钥传给它：

• ANTHROPIC_BASE_URL：填写 http://host.lzcapp:3456，即前文转发后的 Claude Code Router 地址，所有 Claude 请求都会先进入 Router。
• ANTHROPIC_AUTH_TOKEN：填写部署 Router 时设置的 APIKEY，用于鉴权。

部署成功后，可以直接在 Viewer 中创建项目：

完成初始化并点击「设置项目」，即可进入熟悉的 Claude Code 工作台：

至此，Claude Code Viewer 与 Claude Code Router 已成功串联，所有 Claude Code 请求都会通过 Router 路由到 DeepSeek，从而在浏览器中获得稳定、统一的编码体验。