服务器购买 宝塔前端网站部署 域名购买 配置ssl证书

1. 服务器购买 - 腾讯云

购买网址: cloud.tencent.com/act

点击购买:

配置说明

配置 描述
CPU核心 2核
内存 2GB
存储 50GB SSD盘
月流量 300GB
带宽 4Mbps

2. 进入宝塔面板

宝塔Linux面板(BT-Panel)是一款简单好用的服务器运维管理面板,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能,能够极大提升运维管理效率。

宝塔面板腾讯云专享版由腾讯云与堡塔公司联合开发,与普通版相比,专享版默认集成腾讯云COSFS、CDN和DNS解析插件,让用户更便捷的使用宝塔面板对腾讯云产品进行管理和操作

购买之后,进入腾讯云控制台

点击左下角的服务器信息卡片,进入详细页面

然后点击应用管理

  • 记得在防火墙 进行端口 8888端口 的放行

进去宝塔面板,复制提供的指令进行账户和密码的获取,以及外网地址...

注意: 宝塔面板默认打开的端口号是:12123 , 主要在服务器那边防火墙进行放行

点击外网地址进行登录,然后输入刚刚获取的账号和密码进行登录

2.1 服务器环境安装

官方文档也有更加详细说明: www.kancloud.cn/chudong/bt2...

当宝塔面板第一次安装完后,登录到宝塔后台,会弹出推荐安装套件的选择(如下图):

LNMP和LAMP环境主要的区别在于Web服务器上面,一个使用是Apache服务器、一个使用Nginx服务器。

推荐安装(LNMP套件),

安装方式这里根据自身实际的情况选择,

  • 如果当前环境为生产环境,请使用(编译安装),确保后期程序运行的稳定性,
  • (极速安装)主要用体验和测试使用
  • 正式情况下请避免使用(极速安装),如果不需要这些套件也可以在面板左侧功能栏选择 《软件商店》 ,在当前列表自行选择安装程序。

选择一键安装后,在面板的左上角,会自动显示任务的数量,点击后进入任务列表(如图):

在当前界面会显示程序的安装进度,或程序执行进度等。等待一段时间后,查看任务列表中的信息,查看是否完成

2.2 前端项目部署

点击左侧的网站,如果没有安装nginx, 或者 Apache, 则需要去左侧软件商场 进行安装

  1. 点击添加站点
  2. 配置站点的基本信息

配置完之后,点击提交,然后我们就可以通过刚刚编写的域名访问了

这个页面是建立站点自带的模板, 可以在左侧文件里面进行查看

我们把这些文件删除掉, 替换我们为本地的的代码.然后在打开该站点

效果:

3. 配置SSL证书

3.1 免费申请SSL证书

官方说明文档: cloud.tencent.com/document/pr...

搜索SSL证书, 点进去

点击左侧我的证书 ==> 点击免费申请SSL证书

填写信息, 进行提交

等待域名完成验证

审核通过

此时我们就可以发现在我的证书列表里面多了一条记录

3.2 宝塔面板 SSL 证书安装部署

官方教程: cloud.tencent.com/document/pr...

点击下载

弹出的证书下载 窗口中,服务器类型选择 Nginx ,单击下载 并解压缩 cloud.tencent.com 证书文件包到本地目录。

下载并解压 打开之后:

打开宝塔后台:

  • 打开网络
  • 点击站点
  • 点击SSL
  • 进行配置信息填写
  • 保存

这里我们就可以通过域名访问了.

相关推荐
worxfr19 分钟前
Go 并发控制:从 Channel 方向约束到实战模式
开发语言·后端·golang
拾陆楼29 分钟前
PT: DMSA辅助调tree报告前后级余量脚本
后端·学习
今天的砖头有点烫手啊29 分钟前
接口太慢?Spring Boot 缓存体系 @Cacheable 全链路拆解
spring boot·后端·缓存
东方小月1 小时前
从零开发一个 Coding Agent(七):实现纯文本 Agent Loop
前端·人工智能
大家的林语冰1 小时前
👉 尤雨溪再次成立新公司,同时官宣 Pinia 4 正式发布!
前端·javascript·vue.js
浮生望1 小时前
React useRef 深度解析:从DOM操作到Web Worker多线程协作
前端
浮生望1 小时前
React Router v7 实战全景:路由配置、嵌套路由、鉴权守卫与懒加载完整指南
前端
用户938515635071 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战(二)
前端·javascript·typescript
雪隐2 小时前
个人电脑玩AI-16让5060 Ti给你打工——MiniMax H3 提速实录:从"泡杯茶等视频"到"视频等你",一张 5060 Ti 的自我修养
前端·人工智能·后端
952362 小时前
Sentinel
java·后端·spring·sentinel·springcloud