如何从购买服务器，到配置宝塔可视化面板， 全栈从0-1上线自己前端项目以及node后端服务

项目预览：

snows_l's BLOGhttp://snows-l.site

snows_l's BLOG 综合后台管理http://bs.snows-l.site

全栈从0-1最终部署之后的效果：

pc端：

手机端：

              

代码仓库地址：

          感兴趣的小伙伴可以去我的博客那仓库地址；博客有全套代码仓库地址

code仓库 | snows_l's BLOGhttp://snows-l.site/code-store

一、服务器购买以及配置

1、购买服务器

        服务器有很多， 阿里云，腾讯云，华为云什么的，大家可以等双十一会回一个优惠活动在买

        1）、选择你需要配置的服务器

                我选择的是腾讯云的续费与新购同价如下：

        2)、点击购买之后就会如下页面：

                镜像也可以随便选，后面可以重装系统的

 2、配置服务器

         1）、点击右上角 控制台

        2)、如下页面就有你购买的轻量服务器

              然后点击如下标红的服务器按钮

        3）、重装服务器系统

           后面会用到宝塔可视化面板， 所以选择的centOS，输入你的服务密码

3、配置宝塔可视化面板

        1）、宝塔地址：

https://www.bt.cn/new/index.html?btwaf=3198115https://www.bt.cn/new/index.html?btwaf=3198115https://www.bt.cn/new/index.html?btwaf=3198115https://www.bt.cn/new/index.html?btwaf=3198115

        2）、点击立即免费安装

        3）、选择Linux面板在线安装

        4）、配置服务的地址已经用户名

               

        服务器公网地址在如下地方找（服务器控制台里）

        选择默认推荐就行

        5）、安装之后会给你一个默认的宝塔可视化面的地址以及账号密码

                安装之后会给你一个默认的宝塔可视化面的地址以及账号密码（后续都可以修改的），如下（此时服务器的东西就可以在宝塔可视化面板中操作了）

        这样服务以及宝塔可视化面板就配置好了

二、部署数据库（后续操作全部借助宝塔可视化面板）

        1、来带宝塔可是面板选择服务器菜单，然后添加服务器

        2、配置你的数据库信息

                访问权限一定选所有人不然后续连接不上

        配置好了如下：

        3、然后点击管理可以去到phpMyAdmin面板进行数据库的操作

        4、也可以下载一个Navicat 进行数据库连接测试

                1）、点击创建一个新的连接选择mySQL

        2）、创建连接

                        点击Test Connection 测试连接，成功了如下

       3、点击保存即可管理查看数据库内容

三、部署node后端服务

        1、上传node包到www/wwwroot目录下 （node_modules不要上传）

        2、配置node服务

配置的时候启动源会自动选择你package.json的启动命令， 多条选择一下就好了

3、下载node

4、安装依赖

5、启动测试

四、前端部署

        1、上传前端文件

                在文件目录www/wwwrot新建前端文件夹，然后将打包的dist文件夹上传到吃文件中

2、配置网站

        1）、在此之前需要先下载nginx

        2)、配置网站

        3）、配置域名管理                

                将自己服务的ip配置上去（不知道为什么我的不能访问，只能配置ip了）

        4）、其他配置

        5）、访问测试

到此就成了

有什么问题欢迎讨论，一起学习。