10 min 阿里云搭建網(wǎng)站入門：socket聊天室網(wǎng)頁實例（基于nodejs和輕量應用服務器

時間：2023-07-06 11:51:01 | 來源：網(wǎng)站運營

時間：2023-07-06 11:51:01 來源：網(wǎng)站運營

10 min 阿里云搭建網(wǎng)站入門：socket聊天室網(wǎng)頁實例（基于nodejs和輕量應用服務器）：沒事干租個阿里云的服務器玩玩，跟著這個教程一步步做下來，你會對建站和服務器有個非常簡單的了解。無痛入門~不用什么編程基礎，有對Linux命令、服務器、web項目有個民科了解就行。

純粹科普，高手繞道。

一、簡單講講這個用了做例子的nodejs的聊天室項目，對網(wǎng)站有個基本概念。項目chatroom目錄如下：

• css存css
• img存img，圖片文件
• js存js
• node_modules存nodejs-express相關包
• 還有兩個界面的html，就兩個界面
• server.js 項目啟動腳本。

這個項目很簡單，作為例子夠用了。給個項目link: https://github.com/saaries/chatroom




二、在本地運行

先在本地把網(wǎng)頁跑起來看看。默認本地已安裝 nodejs, npm, express, git

• git clone https://github.com/saaries/chatroom
• cd chatroom
• node server.js (或者直接node server)
  

• 打開瀏覽器進入：http://localhost:4000/ 你應該會看到下圖。那么這時候網(wǎng)頁就在本地跑起來了。下面考慮怎么把它放在阿里云的服務器上，這樣別的PC也可以訪問。

三、準備一個服務器

阿里云買就完事了。24歲以下9.5/月，買著練手很劃算 ！

先在阿里云App實名認證，首頁=>學生禮遇=>開發(fā)者成長計劃=>輕量應用服務器

我的配置是：

買完了在網(wǎng)頁進入控制臺，可以看到剛剛買的服務器。

點擊遠程連接（除此之外，本地連接服務器的方法還有非常多，詳見開發(fā)者文檔 https://help.aliyun.com/document_detail/59083.html?spm=5176.10173289.0.dexternal.7f512e77HEb2JQ#activeroot ，這里只說最快上手的一種）：

遠程連接后，為服務器安裝nodejs, npm：

• 具體見博文：https://blog.csdn.net/qq_44812132/article/details/104947750
• 太長不看可以直接run下面的代碼
• sudo su root
• sudo yum install nodejs
• sudo yum install npm
• sudo yum install zip unzip
• node -v 如果輸出node版本號則說明安裝成功，npm同理
• npm -v

四、服務器的防火墻處理

進入服務器=>左側概覽=>安全=>防火墻=>添加規(guī)則=>自定義/TCP/4000

因為在server.js 中我們監(jiān)聽的窗口是4000，因此在服務器端要把4000端口打開，允許外網(wǎng)訪問。

添加后的防火墻列表：

修改完后最好將服務器重啟一次。

五、上傳本地項目到服務器

這里為了演示方便，我用了github。這一步完成了將本地寫好的項目上傳到服務器，進行項目部署。在服務器的遠程連接窗口（上面的terminal）輸入：

• sudo su root
• cd /root
• git clone https://github.com/saaries/chatroom
• (unzip chatroom)
• cd chatroom
• node server

執(zhí)行完之后，項目就在服務器上面跑起來了。命令與期望得到的輸出見下圖：

執(zhí)行好后，這個terminal不要關，因為需要保證server一直在running才能訪問。




六、外網(wǎng)訪問

打開PC端瀏覽器或者手機，輸入網(wǎng)址 46.102.200.253:4040

這里的 46.102.200.253 是我的服務器ip，根據(jù)你的情況修改；4000 是 server.js 中指定的端口號。

那么你會見到下圖，成功部署，可以登錄著玩一玩。




七、一些可能用得著的筆記。

• 如何在本地運行一個nodejs項目 進入項目目錄，node XX.js 或直接 node XX 不一定是4000這個端口號，具體在 XX.js 里面找 瀏覽器打開：http://localhost:4000/index.html
• 阿里云服務器 環(huán)境準備：https://blog.csdn.net/qq_44812132/article/details/104947750 服務器node/npm安裝：https://blog.csdn.net/erdfty/article/details/89847743
• 服務器遠程連接 教程：https://help.aliyun.com/document_detail/59083.html?spm=a2c4g.11186623.4.5.4d562108thHcX1 SSH密鑰創(chuàng)建：XXX.pem PuTTy安裝：https://www.jianshu.com/p/ec552ffb84fc，過程曲折！用port老老實實裝著等就好了。 密鑰轉換命令：sudo puttygen /Users/saaries/Downloads/SHH_Mac.pem -o /Users/saaries/Downloads/SHH_Mac.ppk -O private
• 遠程連接命令：使用 SSH 命令連接至實例（假設實例的公網(wǎng) IP 地址為 10.10.10.100）：ssh root@10.10.10.100 -i /root/xxx.pem。
• 利用github部署：https://blog.csdn.net/qq_32339477/article/details/86529409 外網(wǎng)訪問防火墻設置：https://blog.csdn.net/qq_37705048/article/details/82863373 運行服務器：https://segmentfault.com/a/1190000013740262
• 修改默認初始頁index.html：https://blog.csdn.net/m0_48808447/article/details/108139020 app.use(myexpress.static(__dirname+"/public",{index:"login.html"}));//默認設置首頁
• Linux刪除文件夾：rm -rf XXX
• 遠程連接到服務器傳輸文件：https://www.pianshen.com/article/8315137485/ sftp傳輸命令：put 本地文件路徑 遠程主機路徑 只能傳輸文件，所以先本地壓縮再到服務器里解壓：yum install unzip安裝 unzip 壓縮包全名
• 查看當前目錄：pwd
• 通過輸入“sudo su root”切換至root賬號
• 文件重命名： 將目錄A重命名為B： mv A B 將/a目錄移動到/b下并重命名為c ： mv /a /b/c 其實在文本模式中要重命名文件或目錄，只需要使用mv命令就可以了，比如說要將一個名為abc的文件重命名為1234：mv abc 1234