无法在CodeCatalyst Cloud9开发环境预览运行中的React应用

CodeCatalyst Cloud9环境目前确实没有常规Cloud9实例里的内置预览按钮，这是当前的产品限制，不用怀疑自己漏了什么操作。

不过完全不用走完整部署流水线，有两种实用的预览方式：

方法1：本地端口转发 #

通过SSH端口转发把CodeCatalyst环境里的8080端口映射到本地：

1. 从CodeCatalyst的环境详情页面获取SSH连接信息（格式类似ec2-user@xxx.compute.amazonaws.com）
2. 在本地终端执行命令：

   ssh -L 8080:localhost:8080 <你的环境SSH地址>
   

3. 保持SSH连接活跃，然后在本地浏览器访问http://localhost:8080就能看到运行中的React应用。

方法2：让开发服务器可外部访问 #

如果需要直接通过公网访问：

1. 修改项目根目录下的package.json，把start命令改成：

   "start": "HOST=0.0.0.0 PORT=8080 react-scripts start"
   

   （如果是自定义React项目，确保开发服务器绑定到0.0.0.0而不是默认的localhost）
2. 进入CodeCatalyst环境的网络配置，调整安全组入站规则，添加一条允许你的本地IP访问8080端口的规则
3. 重启npm start，然后用环境的公网IP加端口访问，比如http://<环境公网IP>:8080

内容的提问来源于stack exchange，提问作者Jud