详细的服务器配置以及运行步骤(node+mysql)——后端小白的前端孩子

字数 942阅读 153

首先,特别感谢yubang大佬的指导:
https://www.jianshu.com/u/baaf1b9c6093
https://note.yubangweb.com/

一.购买服务器

下面是我自己的选择:
1.服务器:百度云服务器。对于小白来说,百度云比较好操作,ta对 全部的端口都是开放的。阿里云的话,还需要配置安全组开放端口
2.操作系统:我选的是CentOS

二.下载xshell 5

1.点击文件新建
2.连接
3.填写会话名称,协议是ssh,填写自己的主机,端口号是22,填写完了之后,选择用户身份验证,填写用户名是root,密码是服务器密码,填写完成之后,点击确定就可以连接上自己的服务器啦了 ,操作如下图显示:


15405307421553.png

4.安装nginx使用命令:yum install -y nginx,这个操作是可以看到是否真的能连接上服务器,如果能连接上,那在浏览器输入自己的ip就可以出来默认页面了。
此时不要急着刷新网页看看是不是出来默认页面了,而是先启动nginx,则输入命令:nginx
浏览器输入ip,则出现下面的页面:


15405368057512.png

三.下载xftp 5

为了方便上传代码到服务器,就安装了xftp5,先新建会话,协议要改成xftp,端口默认的是22,而ftp的默认端口是21,我选择xftp,如下图:


ee447432-5f46-40f7-9791-df8122e27069.png

连接上啦之后,默认进到根目录,看到的有三个点...,点击三个点进到目录,在目录里面新建文件夹创建自己的项目,在xshell 5里面用可以切换项目,如切换到project,则: cd /project 就可以啦,进到目录里面,就像线上开发一样了,安装自己想要的依赖

另(可以操作完四五点再看):nginx会默认跳转到指定的页面,如果想跳转到自己想跳转到页面就需要修改nginx文件:步骤如下:etc->nginx->nginx.conf,打开nginx.conf,修改server对象下的root路径,想跳转到project下的demo下的index的,就填写:/project/demo/index;记得加上分号哦

四.在服务器安装nodejs

安装了nodejs之后,就可以用npm了,作为前端开发,可以在你的服务器‘为所欲为’,下载一些你需要的框架
在xshell 5里面输入yum install -y nodejs

[root@instance-n90arfve ~]# yum install -y nodejs

五.下载淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

六.安装数据库mysql

这篇文章讲得很详细:https://note.yubangweb.com/centos7-%E5%AE%89%E8%A3%85mysql5-7/
按照上述的安装好数据库之后,就可以开始使用操作线上的数据库了

七.下载phpStudy

关于为 什么下载这个,我想说这个对于小白来说真的很好用,不需要手动配置安装什么环境,一键连接数据库,操作线上服务器等等优点,安装好啦之后,点击
MYSQL管理器,选择第一个选项,然后进到数据库,开始连接


454e4ba3-a010-46be-bd09-ddb0d8e5828b.png

用户和密码是在服务器上修改密码和用户,名称随便填,端口默认是3306,连接类型默认,数据库不用自己填写,后点击确定就可以连上服务器的数据库啦

这样就可以利用node+mysql开发后端代码,可以使用vue开发前端代码了

推荐阅读更多精彩内容