搭建自己的前端服務(wù)器環(huán)境：Node、MySQL、Git和Nginx等一網(wǎng)打盡

前言

作為前端開發(fā)者一直都在關(guān)注瀏覽器的行為、表現(xiàn)。但是時(shí)間長(zhǎng)了免不了要接觸到后端的知識(shí)、服務(wù)器的知識(shí)。尤其是在前端技術(shù)爆發(fā)式發(fā)展的當(dāng)下，前端慢慢的滲透到了更多的領(lǐng)域。比如，使用 express/koa 創(chuàng)建 http 服務(wù)，使用React-Native開發(fā)Android和IOS通用的APP，甚至使用node開發(fā)系統(tǒng)、嵌入式程序等。這個(gè)時(shí)候，我的內(nèi)心開始蠢蠢欲動(dòng)，我們能做的不僅僅是網(wǎng)頁(yè)。雖然我是個(gè)前端，但是我有一顆全棧的心啊，正好之前入手了阿里云的服務(wù)器，這周閑來無事，折騰起來。

創(chuàng)建自己的服務(wù)器

我這里推薦使用云服務(wù)器，相比使用自己的服務(wù)器，云服務(wù)器有很多方便的地方，而且云服務(wù)器提供一個(gè)一周的試用版，用起來非常的方便。

創(chuàng)建一個(gè)輕量級(jí)的服務(wù)器 阿里云可以購(gòu)買一臺(tái)可使用一周的服務(wù)器，這個(gè)服務(wù)器正好用來做這次開發(fā)(已有的請(qǐng)?zhí)^)。

登錄阿里云，進(jìn)入購(gòu)買 CES 的地方，鏈接地址如下：

https://www.aliyun.com/[1]

依次選擇：

•計(jì)費(fèi)方式：包年包月。

•地域：華北5(當(dāng)前華北5有優(yōu)惠)。

•實(shí)例：請(qǐng)尋找1vCPU、1G內(nèi)存的實(shí)例(我最終選擇了突發(fā)性能實(shí)例 t5)。

•鏡像：選擇CentOS 7.4 (現(xiàn)在后端普遍使用6+的版本，7相比6有了很大改進(jìn)，前端選擇7可以減少很多麻煩)，勾選安全加固。

•云盤：40G高效云盤。

•公網(wǎng)帶寬：勾選自動(dòng)分配公網(wǎng) IP，選擇1M帶寬。

•安全組：選擇默認(rèn)安全組，并勾選http80端口和http443端口。

•購(gòu)買周期：選擇1周。

最終結(jié)果：

我們的服務(wù)器主要做網(wǎng)站類的開發(fā)，所以有針對(duì)性需求的用戶可以考慮將內(nèi)存增大，其他在需要的時(shí)候采取考慮。

安裝自己的開發(fā)環(huán)境

Windows連接到服務(wù)器

Linux服務(wù)器不像window那樣有一個(gè)可視化的界面，window/mac連接的時(shí)候也不像遠(yuǎn)程桌面那樣方便。這里連接服務(wù)器需要使用命令才行。

window連接服務(wù)器 好消息是window下有一款神器:xshell，命令可以很方便的輸入到一臺(tái)服務(wù)器或者多臺(tái)服務(wù)器上，用戶密碼也可以很方便的保存在本地，多個(gè)服務(wù)器還可以分組，你要做的就是專注于眼前的服務(wù)器開發(fā)。

這個(gè)軟件可以直接百度下載。

•首先你需要安轉(zhuǎn)一個(gè)xshell，下載需要填一些信息，安裝非常簡(jiǎn)單，要注意的是安裝的時(shí)候需要選擇個(gè)人開發(fā)使用，不然安裝好之后發(fā)現(xiàn)需要交錢才能用就坑了。

•安裝好之后你就可以把自己的服務(wù)器ip、用戶名、密碼都填好了，以后只需要鼠標(biāo)一點(diǎn)就進(jìn)入了自己的服務(wù)器了。

•需要注意的是，選擇一下默認(rèn)的字符，不然你的中文會(huì)變成亂碼。

•連接之后的界面是下面這樣。

•首先有一個(gè)進(jìn)入服務(wù)器的提示，然后下面就是熟悉的命令行了，不同的是前面那段顯示的規(guī)則是用戶名@機(jī)器名。

Mac連接服務(wù)器

Mac連接服務(wù)器可以使用自帶的終端應(yīng)用，也可以自己下載一個(gè)iTerm2，這里我推薦使用iTerm2，可以方便的使用不同的主題，添加各種有用的插件。

•打開iTerm2，輸入連接命令ssh 用戶名@ip地址然后回車，你會(huì)看到提示你輸入密碼，這個(gè)時(shí)候輸入你在購(gòu)買服務(wù)器的時(shí)候設(shè)置的密碼就好了。

•只要密碼正確，你就可以進(jìn)入服務(wù)器了，依舊是熟悉的命令行模式。

•你會(huì)在第一時(shí)間看到服務(wù)器反饋的上次登錄信息，歡迎信息，然后是命令行的提示，前面的顯示規(guī)則是用戶名@機(jī)器名。

幾個(gè)常用的命令 要想使用Linux系統(tǒng)服務(wù)器做開發(fā)，不懂幾個(gè)常用命令怎么行?

ssh 用戶名@ip，連接服務(wù)器的命令。

cd 絕對(duì)路徑/相對(duì)路徑，跳轉(zhuǎn)到路徑對(duì)應(yīng)的目錄下。

rm 文件名，刪除文件。

rm -rf 目錄路徑，刪除目錄以及目錄下的所有文件，謹(jǐn)慎操作!

ls [-a]，查看當(dāng)前目錄下的文件和目錄，加-a參數(shù)可以查看所有文件，包括隱藏文件(.開頭的文件是隱藏文件，默認(rèn)是看不見的)。

ll，查看當(dāng)前目錄下的文件詳情，可以文件的權(quán)限，遇到?jīng)]有權(quán)限執(zhí)行的情況下可以使用這個(gè)命令查看。

pwd，查看當(dāng)前路徑的完整路徑，不知道自己在哪兒的時(shí)候可以使用這個(gè)命令查看。

which 名字，在幾個(gè)默認(rèn)位置查找改名字，比如查找pm2安裝在哪個(gè)地方了。

mkdir 目錄名，創(chuàng)建一個(gè)空目錄。

cat 相對(duì)/絕對(duì)文件路徑，查看文件的內(nèi)容，多為查看日志或者其他文本文件。

cp 文件路徑 目標(biāo)路徑，復(fù)制一個(gè)文件到另外一個(gè)地方。

mv 文件路徑 目標(biāo)路徑，移動(dòng)一個(gè)文件到另外一個(gè)地方，也可以重命名。

ps -aux，顯示當(dāng)前進(jìn)程，有時(shí)候需要用這個(gè)查看進(jìn)程是否存活。

kill -9 進(jìn)程id，結(jié)束進(jìn)程，進(jìn)程id就是上一條命令查到的pid。

tar -zxvf 文件，解壓縮文件。

tar -zcvf 壓縮后的文件 要壓縮的文件/目錄，壓縮文件。

vi 文件路徑，使用vim進(jìn)入文件的編輯模式。

vi退出文件，按下esc鍵保證退出編輯模式，輸入:q或者:q!強(qiáng)制退出。退出保存輸入:wq

vi編輯，按下i左下角會(huì)提示進(jìn)入編輯模式，然后就是正常的輸入文字，再按esc鍵退出編輯模式。

vi保存編輯結(jié)果，按下esc鍵保證退出編輯模式，輸入:x保存并退出

安裝Node

1.推薦安裝最新的穩(wěn)定版。我這里是10.15.3,下載地址如下： https://nodejs.org/en/download/[2]

2.選擇Source Code后面的那一行，右鍵復(fù)制鏈接地址，我們使用源代碼的方式安裝，第一次安裝的時(shí)候使用這種方式好處多多。

3.回到服務(wù)器，首先跳轉(zhuǎn)到根目錄下cd /。創(chuàng)建一個(gè)空目錄，用來放所有的安裝包mkdir software。

4.使用命令把剛才的文件下載下來wget https://nodejs.org/dist/v10.15.3/node-v10.15.3.tar.gz。阿里云下載速度比較給力。

5.將下載好的壓縮包解壓tar -zxvf node-v10.15.3.tar.gz：

6.進(jìn)入解壓好的目錄并執(zhí)行config配置命令cd node-v8.9.4.tar && ./configure

7.在編譯代碼之前，還需要在機(jī)器上安裝一些軟件包，使得編譯可以正常運(yùn)行： sudo yum install gcc gcc-c++

8.執(zhí)行編譯以及安裝命令make && make install,這里編譯階段時(shí)間會(huì)非常長(zhǎng)，你可以喝杯茶，真的超級(jí)長(zhǎng)，別怪我沒提醒你。編譯成功后執(zhí)行npm -v和node -v測(cè)試是否安裝成功。

安裝MySQL

mysql是一個(gè)方便使用的開源數(shù)據(jù)庫(kù)。因?yàn)槭褂煤?jiǎn)單，安裝方便，功能強(qiáng)大，受到很多開發(fā)者的喜愛，給自己安裝一個(gè)MySQL數(shù)據(jù)庫(kù)真的是非常有必要的，利用它可以存儲(chǔ)不少東西。

1.下載安裝需要用到的源：

wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm[3]

2.安裝下載的源rpm -ivh mysql-community-release-el7-5.noarch.rpm

3.下載安裝MySQL：yum install mysql-server

4.使用service mysqld start

5.使用命令修改當(dāng)前用戶的密碼(默認(rèn)root是沒有密碼的)：mysqladmin -u root password '密碼',這里我設(shè)置的密碼為root

6.使用命令進(jìn)入數(shù)據(jù)庫(kù)：mysql -u root -p

7.這個(gè)時(shí)候數(shù)據(jù)庫(kù)已經(jīng)安裝好了，但是只能在服務(wù)器上看。我們需要讓MySQL運(yùn)行遠(yuǎn)程連接，這樣方便我們調(diào)試，不用每次都要使用命令行。

8.進(jìn)入服務(wù)器的mysql命令行模式下，輸入GRANT ALL PRIVILEGES ON . TO 'root'@'%' IDENTIFIED BY 'password' WITH GRANT OPTION;其中root代表的是這次要修改的用戶名，password代表這個(gè)用戶使用的密碼，然后再輸入flush privileges;讓命令生效。需要注意的是每行命令的最后要加;，不然是不會(huì)執(zhí)行的。

9.如果順利，這個(gè)時(shí)候已經(jīng)是修改完了，你可以輸入查詢命令來看看最終的結(jié)果。SELECT DISTINCT CONCAT('User: ''',user,'''@''',host,''';') AS query FROM mysql.user;。也可以通過軟件直接登錄數(shù)據(jù)庫(kù)看看。

10.到此MySQL數(shù)據(jù)庫(kù)就完成安裝了，這個(gè)時(shí)候可以使用某個(gè)客戶端連接上數(shù)據(jù)庫(kù)看了(推薦navicat for mysql)，也可以直接進(jìn)入服務(wù)器的命令行模式查看數(shù)據(jù)庫(kù)。

安裝 Nginx

Nginx 真的是現(xiàn)在必不可少的一個(gè)軟件。在轉(zhuǎn)發(fā)請(qǐng)求、負(fù)載均衡等方面非常非常的有用。這里我們先簡(jiǎn)單的使用nginx的端口轉(zhuǎn)發(fā)代理等幾個(gè)功能。它可以將幾個(gè)不同的服務(wù)集中在一個(gè)80端口下，根據(jù)域名或者請(qǐng)求路徑來區(qū)分。

1.注意，在安裝nginx之前還需要安裝幾個(gè)nginx的依賴插件。

2.安裝pcre yum install -y pcre pcre-devel：

3.安裝zlib yum install -y zlib zlib-devel

4.安裝openssl，這個(gè)推薦安裝，畢竟大家都在使用https證書了，yum install -y openssl openssl-devel

5.下載源代碼，復(fù)制下載地址，并使用wget命令下載到服務(wù)器上，下載地址如下：

https://nginx.org/en/download.html[1]

6.解壓下載的文件并進(jìn)入解壓好的目錄tar -zxvf nginx-1.13.8.tar.gz && cd nginx-1.13.8

7.執(zhí)行配置命令./configure

8.繼續(xù)編譯安裝nginxmake && make install

9.查看安裝結(jié)果whereis nginx

10.跳轉(zhuǎn)到安裝好的nginx目錄下，進(jìn)入sbin目錄cd /usr/local/nginx/sbin

11.啟動(dòng)nginx./nginx

./nginx，啟動(dòng)nginx;

./nginx -s stop，停止nginx;

./nginx -s quit，退出nginx;

./nginx -s reload，重啟nginx。

12.安裝成功后，使用IP公網(wǎng)地址即可進(jìn)行訪問。

安裝Git

centos上是沒有安裝git，而git是我們開發(fā)中經(jīng)常要使用的工具，這里就講一下怎么安裝git。

1.在服務(wù)器上執(zhí)行yum install git。如果上面的幾個(gè)軟件沒有安裝，您可能還需要安裝幾個(gè)依賴庫(kù)，這個(gè)可以查看出現(xiàn)的錯(cuò)誤來決定安裝那些庫(kù)。

2.確定一下git是否安裝完成git --version

總結(jié)

至此為止，一個(gè)簡(jiǎn)單的前端環(huán)境就已經(jīng)安裝好了，你可以把你的項(xiàng)目通過git扔到服務(wù)器上進(jìn)行訪問了，如果你覺得我的文章對(duì)你有所幫助，多轉(zhuǎn)發(fā)多關(guān)注都是對(duì)我莫大的鼓勵(lì)

分享名稱：搭建自己的前端服務(wù)器環(huán)境：Node、MySQL、Git和Nginx等一網(wǎng)打盡
網(wǎng)站網(wǎng)址：http://www.muchs.cn/news2/201102.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、關(guān)鍵詞優(yōu)化、動(dòng)態(tài)網(wǎng)站、Google、網(wǎng)站排名、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)