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

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

相关推荐
Asthenia04127 分钟前
理解词法分析与LEX:编译器的守门人
后端
uhakadotcom8 分钟前
视频直播与视频点播:基础知识与应用场景
后端·面试·架构
范文杰14 分钟前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪22 分钟前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪31 分钟前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
Asthenia04121 小时前
Spring扩展点与工具类获取容器Bean-基于ApplicationContextAware实现非IOC容器中调用IOC的Bean
后端
FreeCultureBoy1 小时前
macOS 命令行 原生挂载 webdav 方法
前端
bobz9651 小时前
ovs patch port 对比 veth pair
后端
Asthenia04122 小时前
Java受检异常与非受检异常分析
后端
uhakadotcom2 小时前
快速开始使用 n8n
后端·面试·github