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

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

相关推荐
longze_71 小时前
Vue中:deep()和 ::v-deep选择器的区别
前端·javascript·vue.js
2301_793086872 小时前
Springboot 04 starter
java·spring boot·后端
太阳伞下的阿呆4 小时前
本地环境vue与springboot联调
前端·vue.js·spring boot
无限大64 小时前
只出现一次的数字:从暴力美学到位运算神技的进化之路
后端·面试
宇寒风暖4 小时前
Flask 框架全面详解
笔记·后端·python·学习·flask·知识
你的人类朋友4 小时前
❤️‍🔥为了省内存选择sqlite,代价是什么
数据库·后端·sqlite
阳光是sunny4 小时前
走进微前端(1)手写single-spa核心原理
前端·javascript·vue.js
还是鼠鼠5 小时前
tlias智能学习辅助系统--SpringAOP-进阶-通知顺序
java·后端·mysql·spring·mybatis·springboot
Pitayafruit5 小时前
Spring AI 进阶之路01:三步将 AI 整合进 Spring Boot
spring boot·后端·ai编程
烛阴5 小时前
Ceil -- 从平滑到阶梯
前端·webgl