1. 程式人生 > >通過node搭建本地伺服器

通過node搭建本地伺服器

背景:搭建本地伺服器可以多個裝置運行同一個地址就可以看到效果,不用把程式碼複製到各個裝置中,以前用的php+Apache搭建本地伺服器來執行靜態專案,現在可以同過node直接搭建,而且node是前端需要了解的技術

(通過anywhere)方法一:
搭建步驟:
1.安裝node,js
2.以下有安裝包下載的連結:這裡的安裝包是.msi,如果要其他的,可以到菜鳥教程上去找
32 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi


3.安裝好了,我們開啟cmd,輸入命令列1:node -v, 這裡是查詢node版本,如果出現以下介面說明已經安裝成功了。再根據系統執行以下的命令:

$ sudo npm install anywhere -g //Mac
$ npm install anywhere -g     //windows

注:檢測安裝node、java、vue、ionic等一些框架
MAC電腦截圖
這裡寫圖片描述
Window電腦截圖
這裡寫圖片描述
5.然後把自己的靜態專案放在一個檔案中,首先要找到它的路徑,以下是我的檔案,我的切換路徑是,H5是我的靜態專案
執行命令
$ anywhere

這裡寫圖片描述

(通過新建app.js)方法二:
搭建步驟:
1.安裝node,js
2.以下有安裝包下載的連結:這裡的安裝包是.msi,如果要其他的,可以到菜鳥教程上去找
32 位安裝包下載地址 :

https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安裝包下載地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
3.安裝好了,我們開啟cmd,輸入命令列1:node -v, 這裡是查詢node版本,如果出現以下介面說明已經安裝成功了。
4.隨便找一個磁碟,在下面新建一個server資料夾,然後切換該檔案路徑下面執行$ npm init ,一路回車,會看到server資料夾下面有個package.json。
這裡寫圖片描述
5.然後在server檔案執行$ npm install express
模組,再在下面新建一個app.js,內容如下:

let express = require("express");
let app = express();

app.use(express.static("html"));//關鍵是這一句,我的目錄是html的目錄

app.listen(8080, ()=>{
    console.log("服務啟動成功。");
})

6.將自己的靜態檔案放在server檔案下面;
例如:D:/server/html/index.html
這裡寫圖片描述
7.在命令視窗路徑切換到D:/server中執行
$ node app.js,等彈出伺服器啟動之後,在瀏覽器中位址列輸入http://localhost:8080/html/

這裡寫圖片描述