346 字约 1 分钟
业务端口预览 说明如何在开发环境中访问业务服务监听的端口。
使用场景：在开发环境中起了 Web 服务，想在浏览器里打开看看效果时使用。
开发环境中运行的服务，可通过 WebIDE 或 VS Code/Cursor 客户端预览。
方法一：WebIDE 端口映射
在 WebIDE 控制台的 PORTS 面板添加端口映射，系统会自动生成访问 URL。
获取业务端口 URL：
- 从 WebIDE 控制台的 PORTS 面板获取
- 从环境变量
CNB_VSCODE_PROXY_URI获取，例如：https://fjisdofi21-{{port}}.cnb.build， 将{{port}}替换为实际端口号。
提示
服务需启动在 0.0.0.0 才能通过此方法访问。启动在 localhost 或 127.0.0.1 上的服务无法使用此方法。
以监听 3000 端口的业务服务为例：
# 1. 启动业务服务，需监听 0.0.0.0 而非 127.0.0.1
node app.js
# 2. CNB_VSCODE_PROXY_URI 中的 {{port}} 是端口占位符，
# 替换为实际端口 3000 后得到的地址，即可在浏览器中打开
echo "$CNB_VSCODE_PROXY_URI" | sed "s/{{port}}/3000/"方法二：VS Code/Cursor 端口转发
通过 VS Code/Cursor 客户端的 Port Forward 功能，将业务端口转发到本地。