当前位置: 首页 > 科技观察

搭建自己的前端服务器环境:Node、MySQL、Git、Nginx等一手搞定

时间:2023-03-15 23:59:09 科技观察

前言作为一名前端开发者,你一直很关心浏览器的行为和性能。但是时间长了,难免接触到后端知识和服务器知识。尤其是在前端技术爆发式发展的当下,前端逐渐渗透到更多的领域。比如使用express/koa创建http服务,使用React-Native开发Android和IOS常用APP,甚至使用node开发系统和嵌入式程序。这时,我的心开始激动起来,我们能做的不仅仅是网页。虽然我是前端,但我有一颗全栈的心。之前刚买了阿里云的服务器,这周没什么事。要创建自己的服务器,我建议在这里使用云服务器。与使用自己的服务器相比,云服务器有很多便利,云服务器提供了一周的试用版,使用起来非常方便。打造轻量级服务器阿里云可以购买一台可以使用一周的服务器,该服务器仅用于本次开发(已有的请略过)。登录阿里云,进入购买CES的地方。链接地址如下:https://www.aliyun.com/[1]依次选择:?计费方式:订阅。?地区:华北5(目前华北5有优惠)。?实例:请找1vCPU和1G内存的实例(我最终选择了性能爆棚的实例t5)。?镜像:选择CentOS7.4(现在后台普遍使用6+版本,7比6有很大的提升,前端选择7可以省去很多麻烦),勾选SecurityHardening。?云盘:40G高效能云盘。?公网带宽:选择自动分配公网IP,选择1M带宽。?安全组:选择默认的安全组,勾选http80端口和http443端口。?采购周期:选择1周。最终结果:我们的服务器主要用于网站开发,所以有针对性需求的用户可以考虑增加内存,需要的时候再考虑其他的。安装自己的开发环境Windows连接服务器Linux服务器没有window那样的可视化界面,window/mac的连接没有远程桌面方便。这里需要使用命令连接服务器。windows连接服务器的好消息是windows下有个神器:xshell,可以方便的向一台服务器或者多台服务器输入命令,用户密码也可以方便的保存在本地,还可以对多台服务器进行分组,你我们要做的就是专注于眼前的服务器开发。这个软件可以直接百度下载。?首先需要安装一个xshell,需要填写一些信息才能下载。安装非常简单。需要注意的是,安装时需要选择个人开发和使用,否则安装后发现需要付费才能使用会卡死。?安装完成后,可以填写自己的服务器ip、用户名、密码,点击鼠标即可进入自己的服务器。?需要注意的是,你应该选择默认字符,否则你的中文会变成乱码。?连接后的界面如下。?首先是进入服务器的提示,接下来是熟悉的命令行,不同的是上一段显示的规则是用户名@机器名。Mac连接服务器Mac连接服务器可以使用自带的终端应用,也可以下载一个iTerm2,这里我推荐使用iTerm2,你可以轻松使用不同的主题,添加各种好用的插件。?打开iTerm2,输入连接命令ssh用户名@ip地址回车,会看到输入密码的提示,此时请输入购买服务器时设置的密码。?只要密码正确,就可以进入服务器,还是熟悉的命令行模式。?您会立即看到服务器反馈的上次登录信息、欢迎信息,然后是命令行的提示。之前的显示规则是用户名@机器名。几个常用的命令如果你想使用Linux系统服务器进行开发,你知道如何使用几个常用的命令吗?ssh用户名@ip,连接服务器的命令。cd绝对路径/相对路径,跳转到该路径对应的目录。rm文件名,删除文件。rm-rf目录路径,删除目录及目录下的所有文件,谨慎操作!ls[-a],查看当前目录下的文件和目录,加上-a参数可以查看所有文件,包括隐藏文件(.开头的文件为隐藏文件,默认不可见)。ll、查看当前目录下文件的详细信息,可以查看文件的权限,没有执行权限的可以使用该命令查看文件。pwd,查看当前路径的完整路径,不知道在什么地方的时候可以用这个命令查看。哪个名字,在几个默认位置搜索修改名字,比如找到pm2的安装位置。mkdir目录名,创建一个空目录。cat相对/绝对文件路径,查看文件内容,多用于查看日志或其他文本文件。cpfilepath目标路径,将一个文件复制到另一个地方。mvfilepath目标路径,将一个文件移动到另一个地方,也可以重命名。ps-aux,显示当前进程,有时需要用这个来查看进程是否存活。kill-9进程id,结束进程,进程id为上一条命令查到的pid。tar-zxvf文件,解压缩文件。tar-zcvfcompressedfilefile/directorytocompress,压缩文件。vi文件路径,使用vim进入文件的编辑模式。vi退出文件,按esc键确保退出编辑模式,输入:q或:q!强制退出。退出并保存输入:wqvieditor,按左下角的i提示进入编辑模式,然后正常输入文字,再按esc键退出编辑模式。vi保存编辑结果,按esc键确保退出编辑模式,输入:x保存退出安装Node1。建议安装最新稳定版。我这里是10.15.3,下载地址如下:https://nodejs.org/en/download/[2]2.选中SourceCode后面那一行,右键复制链接地址,我们用sourcecodetoinstall,first安装一次时使用这种方法有很多好处。3.回到服务器,先跳转到根目录cd/。为所有安装包mkdir软件创建一个空目录。4.使用命令下载刚才的文件wgethttps://nodejs.org/dist/v10.15.3/node-v10.15.3.tar.gz。阿里云的下载速度比较强。5、将下载的压缩包解压tar-zxvfnode-v10.15.3.tar.gz:6、进入解压后的目录,执行config配置命令cdnode-v8.9.4.tar&&./configure7。编译代码之前,需要在机器上安装一些软件包才能让编译正常运行:sudoyuminstallgccgcc-c++8。执行编译安装命令make&&makeinstall,这里的编译阶段会花很长时间,你可以喝杯茶,真的很长,别怪我没提醒你。编译成功后,执行npm-v和node-v测试是否安装成功。安装MySQLmysql是一个易于使用的开源数据库。由于使用方便、安装方便、功能强大,受到众多开发者的喜爱。自己装一个MySQL数据库真的很有必要,用它可以存很多东西。1、下载安装需要的源:wgethttp://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm[3]2、安装下载的源rpm-ivhmysql-community-release-el7-5.noarch.rpm3。下载并安装MySQL:yuminstallmysql-server4。使用服务mysqldstart5。使用命令修改当前用户的密码(默认root是没有密码的):mysqladmin-urootpassword'password',我这里设置的密码是root6。使用命令进入数据库:mysql-uroot-p7。这个时候数据库已经安装好了,但是只能在服务器上查看。我们需要让MySQL运行远程连接,这样我们就可以轻松调试,而不必每次都使用命令行。8、在服务器的mysql命令行模式下,输入GRANTALLPRIVILEGESON。TO'root'@'%'由带有GRANTOPTION的'password'标识;其中root代表本次要修改的用户名,password代表这个用户使用的密码,然后进入flushprivileges;使命令生效。应当指出的是;必须在每行命令的末尾加上,否则不会执行。9、如果顺利的话,此时已经修改完成,可以输入查询命令查看最终结果。SELECTDISTINCTCONCAT('User:''',user,'''@''',host,''';')ASqueryFROMmysql.user;.也可以直接通过软件登录数据库查看。10、至此,MySQL数据库已经安装完成。这时候可以使用客户端连接数据库查看(推荐navicatformysql),也可以直接进入服务器的命令行模式查看数据库。安装NginxNginx真是现在必备的软件。在转发请求、负载均衡等方面非常非常有用,这里我们简单的使用nginx的端口转发代理等功能。它可以将几种不同的服务集中在一个80端口下,并根据域名或请求路径来区分。1、注意在安装nginx之前需要安装几个nginx依赖的插件。2.安装pcreyuminstall-ypcrepcre-devel:3.安装zlibyuminstall-yzlibzlib-devel4。安装openssl,这个推荐安装,毕竟大家都在用https证书,yuminstall-yopensslopenssl-devel5下载源码,复制下载地址,使用wget命令下载到服务器。下载地址如下:https://nginx.org/en/download.html[1]6。解压下载的文件,进入解压后的目录tar-zxvfnginx-1.13.8.tar.gz&&cdnginx-1.13.87。执行配置命令./configure8。继续编译安装nginxmake&&makeinstall9。查看whereisnginx10的安装结果。跳转到安装的nginx目录,进入sbin目录cd/usr/local/nginx/sbin11。启动nginx./nginx./nginx,启动nginx;./nginx-s停止,停止nginx;./nginx-squit,退出nginx;./nginx-sreload,重启nginx。12、安装成功后,使用IP公网地址访问。Gitcentos上并没有安装Git,而git是我们在开发中经常使用的一个工具。这是安装git的方法。1.在服务器上执行yuminstallgit。如果没有安装上述软件,可能还需要安装几个依赖库。您可以检查错误以确定要安装哪些库。2.确保安装了git。git--version总结至此,一个简单的前端环境就搭建完成了。你可以把你的项目丢到服务器上,通过git访问。如果您觉得我的文章对您有帮助,多多转发和关注是对我莫大的鼓励,【