很多刚接触云服务的朋友,买完服务器后第一步就卡住了:这玩意儿买回来了,我自己的网站到底该怎么放上去?别急,这篇文章就是为你准备的。咱们不讲虚的,直接从零开始,一步步把一个完整的网站项目部署到腾讯云服务器上,让你真真正正看到结果。
先搞清楚:部署网站到底要几步?
很多人一开始被各种术语吓住,其实整个过程拆开来看非常清晰。假设你已经有一个做好的网页项目(比如用 + CSS + JS 写的静态站,或者 Spring Boot + Vue 的动态应用),那你要做的核心就三件事:
- 第一步:把项目代码传到服务器上 —— 就像你把文件拷贝到U盘一样,只不过这次是传到远程电脑。
- 第二步:在服务器上运行这个项目 —— 如果是静态页面,需要一个 Web 服务器来展示;如果是 Java、Node.js 项目,就得启动对应的服务程序。
- 第三步:让别人能在浏览器里访问到它 —— 这里涉及网络配置和端口开放,确保外网能连进来。
下面我们就以最常见的“Spring Boot 后端 + Vue 前端”项目为例,手把手走完这三步。
第一步:买个服务器,连上去看看
部署的前提是你得有一台能用的云服务器。如果你还没买,可以直接去腾讯云服务器页面选择一款入门配置的云服务器,系统选 CentOS 或 Ubuntu 都行,后面操作基本一致。
买完之后,在控制台找到你的服务器实例,复制它的公网 IP 地址。接下来我们要用 SSH 登录进去操作。
- 打开你的终端(Windows 用户可以用 MobaXterm、PuTTY 等工具)。
- 输入命令:
ssh root@你的公网IP,比如ssh root@119.28.123.45。 - 第一次连接会提示确认指纹,输入
yes继续。 - 然后输入密码(如果是新买的服务器,可能需要先在控制台重置密码),回车后看到命令行提示符变成
[root@xxx ~]就说明登录成功了。
现在你已经进入了服务器的“大脑”,接下来就可以安装环境、传代码了。
第二步:装环境,让项目能跑起来
你的项目是什么技术写的,就得装对应的运行环境。比如 Java 项目需要 JDK 和 Tomcat 或直接运行 JAR,Node.js 项目需要 Node 环境,前端需要 Nginx 来托管静态文件。
我们分两部分来装:后端 Java 环境 和 前端 Nginx 服务。
安装 JDK 和运行 Spring Boot
先装 Java 环境。以 CentOS 为例,可以用 yum 安装 OpenJDK:
yum install -y java-11-openjdk
安装完成后检查是否成功:
java -version
如果看到类似 openjdk version "11.0.xx" 的输出,说明 JDK 已经装好了。
Spring Boot 项目通常打包成一个 .jar 文件。你可以用工具(如 WinSCP)把本地的 myproject.jar 上传到服务器的某个目录,比如 /root/app/。
上传完成后,进入目录并启动:
cd /root/app
nohup java -jar myproject.jar > app.log 2>&1 &
这个命令的意思是后台运行 JAR 包,并把日志输出到 app.log 文件里。用 ps aux | grep java 可以看到进程是否在跑。
安装 Nginx 托管 Vue 前端
Vue 项目构建后生成的是 dist 文件夹,里面全是静态资源(、JS、CSS),需要用 Web 服务器来提供访问。
我们用 Nginx 作为 Web 服务器:
yum install -y nginx
安装完成后启动 Nginx:
systemctl start nginx
systemctl enable nginx
然后把你的前端文件上传到 Nginx 默认目录:
cp -r /root/dist/ /usr/share/nginx//
现在你在浏览器输入 http://你的公网IP,应该就能看到 Vue 的首页了!
第三步:开放端口,让外面能访问
虽然服务已经在服务器上跑起来了,但默认情况下,外部网络还是无法访问这些服务。这是因为云平台有“安全组”机制,默认只开放了 SSH(22端口),其他端口都是关闭的。
你需要手动去控制台打开对应的端口。
- 回到腾讯云控制台,找到左侧菜单的“安全组”选项。
- 选择你服务器关联的那个安全组,点击“配置规则”。
- 在“入站规则”里点击“添加规则”。
- 新增两条规则:
- 协议类型:TCP,端口:80,来源:0.0.0.0/0(允许所有人访问 Web 页面)
- 协议类型:TCP,端口:8080(假设你的 Spring Boot 项目监听 8080),来源:0.0.0.0/0
- 保存规则。
等几分钟规则生效后,你就可以通过 http://你的公网IP:8080 访问后端接口,通过 http://你的公网IP 访问前端页面了。
第四步:用宝塔面板简化操作(适合新手)
上面用的是命令行方式,对 Linux 不熟的同学可能会觉得有点难。其实有个更简单的办法——使用宝塔面板。
宝塔是一个可视化服务器管理工具,装好之后有个网页界面,点点鼠标就能完成环境安装、文件管理、端口配置等操作。
安装宝塔面板
在服务器上执行官方安装命令(以 CentOS 为例):
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
安装过程大概几分钟,完成后会输出一个登录地址、用户名和密码,形如:
Bt-Panel: http://你的公网IP:8888
username: xxxxxx
password: xxxxxx
配置安全组放行 8888 端口
要想在浏览器访问这个面板,必须先去控制台的安全组里添加一条规则:
- 协议类型:TCP
- 端口:8888
- 来源:0.0.0.0/0
- 备注:宝塔面板
保存后,等几分钟,在浏览器输入 http://你的公网IP:8888,就能看到宝塔的登录页面了。
用宝塔装环境、传文件、部署项目
登录宝塔后,你会看到一个清爽的后台界面。主要功能有:
- 软件商店:可以一键安装 Nginx、MySQL、Redis、Java 环境等。
- 文件:可视化上传、下载、编辑服务器上的文件,比命令行方便多了。
- 安全:可以直接在这里添加防火墙规则,开放端口。
- 网站:可以添加站点,设置域名、SSL 证书、反向代理等。
举个例子,你想部署一个 Vue 项目:
- 去“软件商店”安装 Nginx。
- 点击“网站” → “添加站点”,填写你的域名(没有就先用 IP),根目录选一个路径。
- 把本地的
dist文件夹压缩成 zip,用“文件”功能上传到服务器对应目录,再解压。 - 设置好目录权限为 755。
- 刷新网页就能访问了。
如果是 Spring Boot 项目,也可以在“计划任务”里添加一个脚本,让它开机自启,或者直接在“终端”里运行命令。
常见问题和排查思路
部署过程中最常见的几个问题,以及怎么快速定位解决:
| 问题现象 | 可能原因 | 解决办法 |
|---|---|---|
| 浏览器访问 IP 显示无法连接 | 安全组没开对应端口 | 去控制台检查 80/8080/8888 是否已放行 |
| 能访问 Nginx 欢迎页,但看不到自己项目 | 文件没传对位置或权限不对 | 检查文件路径是否正确,用 ls -l 看权限 |
| Java 项目启动报错“No such file or directory” | 路径写错或文件没上传成功 | 用 pwd 和 ls 确认当前目录 |
| 宝塔面板地址打不开 | 8888 端口没开或面板服务没启动 | 检查安全组,或用 systemctl status bt 查看状态 |
总结一下:部署网站其实没那么难
回顾整个流程,其实就四步:
- 买服务器,用 SSH 登录进去。
- 根据项目类型安装对应运行环境(JDK、Node、Nginx等)。
- 把本地代码上传到服务器。
- 在安全组里开放必要的端口,让外网能访问。
如果你是新手,建议先用宝塔面板来操作,图形化界面大大降低了门槛。等你熟悉了 Linux 命令和服务器原理后,再尝试纯命令行部署,效率会更高。
整个过程不需要懂高深的技术,只要按步骤一步步来,哪怕第一次操作,也能成功把项目跑起来。现在就可以动手试试,把你做的第一个网站上线吧!