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

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

相关推荐
代码之光_19808 分钟前
保障性住房管理:SpringBoot技术优势分析
java·spring boot·后端
光影少年9 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_10 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891112 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
ajsbxi13 分钟前
苍穹外卖学习记录
java·笔记·后端·学习·nginx·spring·servlet
Ocean☾14 分钟前
前端基础-html-注册界面
前端·算法·html
Dragon Wu16 分钟前
前端 Canvas 绘画 总结
前端
CodeToGym21 分钟前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫22 分钟前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫26 分钟前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js