腾讯云CloudStudio使用笔记(二)_腾讯cloud studio端口映射-优快云博客

感谢

感谢“Cloud Studio 核心体验官”群里面各位大佬的指点和讨论
感谢deepseek带来的福利，感谢腾讯云的资源和福利o(￣▽￣)ブ

0、计划及目标

1）、在CloudStudio中将前端代码从git仓库拉下来并运行—点我查看
2）、前端运行的界面使用我们的域名进行访问—本文档的目标已实现
3）、基于cloudstudio和腾讯的ai代码助手+腾讯自己满血的deepseek写代码，减少前端工作量—待补充
4）、基于cloudstudio配合其他AI工具自动写小程序—规划中待分析

1、背景及目标

当前方案用于解决以下2个问题
1）、默认直接CloudStudio中直接运行的前端代码并不能通过我们自己的域名直接访问
2）、CloudStudio自身的安全隐患——直接暴露了端口
3）、CloudStudio不支持运行iptables命令
在这里插入图片描述

2、部署视图

在这里插入图片描述
基于上图，在“轻量服务器001”中配置严格的防火墙，拒绝所有放开80端口保证了虚拟主机的安全，我们的域名中添加“轻量服务器001”的公网IP，对外访问通过域名进行，将CloudStuidio隐藏在背后

linux服务器出于安全考虑使用腾讯云的web界面使用ssh密钥进行登录

3、nginx安装

前提：“轻量服务器001”安装操Debian操作系统
安装：参考官网资料进行安装即可
参考资料：https://nginx.org/en/linux_packages.html#Debian
在这里插入图片描述
注意选repository时我们一般选的是stable版本

4、nginx重启

nginx开启后默认是启动的，如果没有直接重启下即可

service nginx restart

5、nginx反向代理配置

debian12中配置文件的位置/etc/nginx/conf.d/default.conf

server {
    listen 80;
    server_name your-domain.com;  # 替换为你的域名或服务器IP

    location / {
        proxy_pass http://target-website.com;  # 替换为目标网站地址
        proxy_set_header Host $host; # $host直接替换为目标网站地址
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;

        # 可选：处理WebSocket或长连接
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
    }
}

重启nginx即可生效

6、福利彩蛋

CloudStudio默认给提供了每一个月1000分钟的时厂用于学习，提供的硬件资源规格目前我领取的规格是16vCPU 32G内存 nvdia 16G显存，如果再做一点任务就有更多算力了
原文链接：https://mp.weixin.qq.com/s/UYAEApU81E7aWxaHouOnaQ
原文截图：
在这里插入图片描述