服务器购买 宝塔前端网站部署 域名购买 配置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
  • 进行配置信息填写
  • 保存

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

相关推荐
shmily麻瓜小菜鸡11 分钟前
TypeScript 知识点补充(第三部分:工程化与高级类型)
前端·javascript·typescript
zhoujungis33 分钟前
登录态 1 小时就掉?Django + Vue 双 Token 认证实战 | 尘世栈帧
后端
10岁的博客33 分钟前
Chrome 扩展安全攻防实录:从权限模型到真实漏洞复盘
前端·chrome·安全
QianhangQianping1 小时前
WebSocket实时推送+ HTTP 定时轮询:一块大屏两套取数怎么不打架
前端·websocket·网络协议·http·低代码·架构·数据可视化
武子康1 小时前
同一台 ESP32,GSM 能消回声,VoIP 为什么不行?
人工智能·后端·agent
Eider19981 小时前
Python基础知识之并发相关-2
开发语言·前端·python
用户69371750013841 小时前
AI 能写代码,但工程架构还是应该由人来定
前端·后端
lqbzlll1 小时前
Spring Boot 开启虚拟线程后接口反而变慢了?4 个排查方向和对应修法
java·spring boot·后端
Hilaku1 小时前
前端的技术判断力是怎么练出来的?
前端·javascript·程序员
悠仁さん1 小时前
【C++】set map 使用
java·前端·c++