- 1、怎麼用nodejs搭建http伺服器
- 2、怎麼用nodejs搭建web伺服器
- 3、nodejs搭建web伺服器就是這麼簡單!
- 4、如何使用nodejs快速搭建本地伺服器
1.Node.js安裝包及源碼下載地址為:
Git下載地址為:。
2.按照安裝提示操作即可,選擇安裝路徑、npm。
3.環境變數默認C:\Users\Administrator\AppData\Roaming\npm\node_modules。
創建新的變數
創建方法:我的電腦屬性》高級系統設置》環境變數》,創建名NODE_PATH,值為nodejs的當前安裝目錄。
命令行工具是運行在當前計算機用戶下的,所以開頭總是C:/Users/XXX/Desktop,而不會跟你的nodejs安裝的位置有關。
安裝node後,在cmd里有兩種模式,開發模式和命令行模式,要進入開發模式直接輸入node回車即可,此時可以輸入代碼,比如require (“express”),如果直接在命令行模式下輸入require類的語句是會報錯的,提示’require’不是內部或外部命令,也不是可運行的程序或批處理文件。從開發模式退出可用.exit命令也可以用快捷捷,ctrl+D或兩次ctrl+C.
4.創建應用
我們先創建一個項目目錄,目錄可自己定義,本案例的目錄為 e:/node/serve。
由於我們要搭建的是伺服器,所以我把第一個文件命名為server.js。
在server.js裡面輸入以下代碼:
const http = require(‘http’); //實例化「http」
const hostname = ‘127.0.0.1’;
const port = 3000;
const server = http.createServer((req, res) = {
res.statusCode = 200; //狀態值200:OK
res.setHeader(‘Content-Type’, ‘text/plain’); //內容類型:text/plain
res.end(‘Hello World\n’); //響應結果「hello world」
});
server.listen(port, hostname, () = {//實現監聽
console.log(`Server running at {hostname}:${port}/`);
});
5.應用執行
打開git命令行,輸入cd e:/node/serve/
之後輸入node service.js
創建一個記事本將下面的代碼複製進去
保存為app.js
var
http
=
require(‘http’);//引入響應頭
http.createServer(function
(request,
response)
{
//參數一是與請求相關的對象
//參數二是與響應有關的對象
//
發送
HTTP
頭部
//
HTTP
狀態值:
200
:
OK
//
內容類型:
text/plain
response.writeHead(200,
{‘Content-Type’:
‘text/plain’});
//
發送響應數據
“Hello
World”
response.end(‘Hello
World\n’);
}).listen(8888);//監聽埠
//
終端列印如下信息
console.log(‘Server
running
at
‘);
以下以我的電腦上的路徑為準
我是將app.js
保存在E:\NODE這個文件夾下面
接下來就是運行了打開cmd
第一步:E:
第二步:cd
NODE
//CD是
命令行改變目錄的命令
第三步:node
app.js
這個是運行效果接下來訪問localhost:8888就可以看到hollo
word
建議多看一些node的模塊
比如
express和session
mysql之類的模塊
Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。(nodejs官網上的介紹),正如官網上介紹的那樣,nodejs確實很牛!怎麼個牛法?看看下面的代碼就知道了。
//引入http模塊
var http = require(“http”);
//設置主機名
var hostName = ‘127.0.0.1’;
//設置埠
var port = 8080;
//創建服務
var server = http.createServer(function(req,res){
res.setHeader(‘Content-Type’,’text/plain’);
res.end(“hello nodejs”);
});
server.listen(port,hostName,function(){
console.log(`伺服器運行在{hostName}:${port}`);
});
短短几行代碼就把一個簡單的web伺服器搭建完成了,為了驗證效果,我們在瀏覽器請求,結果如下
運行成功!
到此為止,一個web伺服器就建立成功了! 沒錯就是這麼簡單,然後我們就可以寫個html界面愉快的玩耍了,哈哈哈!果斷的寫了一個html頁面來請求一下我們的web伺服器。
代碼簡單,點擊p獲取數據並將伺服器返回的數據展示。好了,我們運行一下demo.html文件,我擦來!居然出現了……
很明顯,通過jquery請求不到數據,這是因為跨域請求的原因。我們的web伺服器並不支持跨域請求,所以報錯了。解決方式:在伺服器的響應頭文件里加上如下代碼:
再次重啟伺服器,運行demo.html,顯示結果很是令人欣喜!
通常請求伺服器都會拼接參數的,最常用的就是get請求,post請求。很明顯,我們現在的代碼還不能支持。express框架很好的封裝了nodejs的http模塊,使我們用起來非常的簡單。
引入express :$ cnpm install express –save
使用方式變化不大,通過express()方法開啟服務,然後在通過get方法來設置匹配參數的路由,通過在回調函數的req中可以獲取請求參數和地址。post請求也是類似,不過有不同的是,post請求在獲取參數的時候要引入body-parser 中間件,用於處理 JSON, Raw, Text 和 URL 編碼的數據。
運行結果:
完整的get以及post請求就是以上了。下一篇文章會結果fs文件模塊介紹http是如何返迴文件的,敬請期待!!
學習從來不是一個人的事情,要有個相互監督的夥伴,想要學習或交流前端問題的小夥伴可以私信「學習」小明加群獲取2019web前端最新入門資料,一起學習,一起成長!
1、如果電腦沒有安裝nodejs的同學可以先到node官方下載並安裝好node程序。
2、安裝好nodejs後驗證一下是否安裝成功!如果出現則表明node已經承裝安裝上去了!
3、安裝好node之後打開cmd 輸入 npm install anywhere -g 安裝anywhere ,然後等待直到出現以下界面。
4、然後瀏覽器就自動打開本地訪問網址,一個簡單的node伺服器就這樣被搭建好啦!
原創文章,作者:QYX0L,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/126194.html