小白篇--前端从零搭建云服务器(PHPStudy 版)

1,293 阅读2分钟

主要用以下:mySQL、nginx、egg.js、umi……

一、购买云服务器

目前主流的有:腾讯云、阿里云、华为云.……

本例使用腾讯云,系统为 centsOS

二、选择集成环境

接触的有:PHPStudy、宝塔面板……

本例使用 PHPStudy

三、云服务器安装 PHPStudy

启动云服务器的 SSH:

然后进入到 PHPStudy,选择对应的操作系统安装:

然后复制安装方式,在打开的 SSH 工具中粘贴安装:

安装成功后,先新建安全组,再复制外网链接打开:

安全组:

  • 如图放通基本的几个端口,如需其他端口再修改规则即可;
  • 不建议放通全部端口;
  • 再修改规则,把 PHPStudy 的端口(:9080)配置进去:
  • 最后给服务器配置安全组: 然后打开链接: 如果忘记账户和密码了,可以在 SSH 中 输入 xp ,看到 PHPStudy 的所有信息(最好初始化的时候修改次密码)。

四、PHPStudy 安装 mySQL;

在小皮面板中,安装想要的mySQL版本:

然后启动:

添加数据库:

将 mySQL 远程连接管理:

开启 mySQL 的 :3306 端口:

  • 云服务器

    同上面添加端口号方式一致。

  • PHPStudy

使用 Navicat Premium 工具测试是否远程连接成功:

五、使用 Egg.js 搭建后端接口等等并部署服务器启动

这里有多种方式:

  • Koa2 + mySQL
  • Express + mySQL
  • egg.js
  • Nest.js

Egg.js 感觉更傻瓜式,Nest.js更灵活。还有些差异可以去查阅。

搭建项目后,本地连接上数据库可以正常访问后,然后上传服务器部署并启动:

在 Navicat Premium 随意创建表并创建些数据以便测试:

postman 本地测试没问题的话,就开始打包:

打包文件上传至服务器:

创建目录:

上传文件: 能在 PHPStudy 解压就直接解压,不能的话使用 SSH 解压:

在 SSH 里面 cd 到文件目录,解压(不同格式解压方式不同):

然后配置端口号(egg默认端口号为:7001):

  • 云服务器 同上面添加端口号方式一致。
  • PHPStudy 同上面添加端口号方式一致。

启动:

在上图的 egg 项目根目录:

npm start 启动

npm stop 停止

有些启动可能需要安装 node 环境; Linux 安装 Node 教程 启动好后: postman 测试可以后,那么后端基本部署完成。

六、启动 FTP

在 PHPStudy 里面 安装 FTP 工具并启动:

添加 FTP;

如果没有启动 FTP 端口 :21 ,那么 就需要启动端口 :21

使用 Transmit 测试

连接成功后,就可以使用 Transmit 来操作文件了。

七、网站设置

PHPStudy 默认是给了网站地址以及样式: 后面有自己写的网站啊、博客啊,上传至文件后,更改下网站目录即可。