http子產品
http核心子產品的使用
四個步驟:
導入http子產品
定義伺服器程式端口
建立伺服器對象
調用伺服器的監聽方法,讓伺服器監聽浏覽器請求
const http = require("http");
const port = 8080;
const server = http.createServer((request, response)=>{
response.write("hello nodejs");
response.end()
});
server.listen(port,(error)=>{
console.log(error);
console.log(`server is running at port ${port}`);
});
擷取請求的一些資訊
const url = require("url");
const server = http.createServer((request, response)=>{
console.log("------------------------------");
let requestUrl = request.url; // 擷取本次請求的資源路徑
console.log(requestUrl);
let method = request.method; // 擷取本次請求的方式
console.log(method);
let obj = url.parse( requestUrl, true);
console.log(obj.query); // 擷取get請求的查詢字元串
// localhost:8080?name=nodejs&age=11 get請求
//當存在 post 送出資料 data 事件立馬執行,postData就是送出過來的資料對象
request.on('data',(postData) => { // 擷取post請求的請求參數
console.log(postData.toString());
});
response.write("hello nodejs"); // 書寫響應體内容
response.end() //發生響應到浏覽器 當我們修改代碼後,需要重新執行該檔案,重新開機服務
});
書寫一個web伺服器
const http = require("http");
const fs = require("fs");
const path = require("path");
const server = http.createServer((request, response)=>{
let requestUrl = request.url;
console.log(requestUrl);
if(requestUrl==="/" || requestUrl==="/index.html"){
let content = fs.readFileSync(path.join(__dirname,"assets","html","index.html"));
response.end(content)
}
else if(requestUrl==="/login.html"){
let content = fs.readFileSync(path.join(__dirname,"assets","html","login.html"));
response.end(content)
}
else if(requestUrl.indexOf(".css") > -1){
let content = fs.readFileSync(path.join(__dirname,"assets","css",requestUrl));
response.end(content)
}
else if(requestUrl.indexOf(".js") > -1){
let content = fs.readFileSync(path.join(__dirname,"assets","js",requestUrl));
response.end(content)
}
else{
response.end("404 NOt Fround:找不到該頁面")
}
});
const port = 8080;
server.listen(port,(error)=>{
console.log(error);
console.log(`server is running at port ${port}`);
});
npm簡介
npm
全稱為
Node Package Manager
,是一個基于
Node.js
的包管理器,也是整個
Node.js
社群最流行、支援的第三方子產品最多的包管理器。npm的初衷:JavaScript開發人員更容易分享和重用代碼。
nodejs = ECMAScript + 核心子產品
自己遵循 commonjs 規範寫出子產品,如果寫的是功能子產品(日期處理datejs,數字處理numberjs)。如果可以把這些子產品分享出來,以後誰要進行相關功能開發的時候,直接拿開發好的子產品使用即可,沒必要自己在開發。在網際網路有一個網站專門收集這樣的工具包。https://www.npmjs.cn/。
如果我們要使用這個網站裡面的包,則我們需要使用一個功能,叫做 npm。
官網:https://www.npmjs.cn/
https://www.npmjs.com/package/md5
npm可以用來:
- 允許使用者擷取第三方包并使用
- 允許使用者将自己編寫的包或指令行程式進行釋出分享
npm安裝:
npm
不需要單獨安裝。在安裝
Node
的時候,會連帶一起安裝
npm
。
執行下面的指令可以用來檢視本地安裝的 npm 的版本号。
npm -v
如果想更新 npm ,可以這樣
npm install npm --global
npm體驗
以安裝和使用md5子產品為例:
項目目錄下,執行指令 npm init,目錄下會多一個package.json檔案(這個檔案1、記錄項目相關資訊,如項目名稱,項目版本2、後期會記錄項目中使用的第三方子產品)
項目目錄下,執行指令 npm install md5,這時候就會開始聯網下載下傳md5這個包,下載下傳過程需要耐心等待,等待時間視網速而定。
看見以下代碼表示下載下傳完成:
下載下傳完後:本地項目目錄下多了一個node_modules檔案夾,我們剛才所下載下傳的md5包及其相關依賴包都在這個檔案夾裡面了。以後我們開發中需要下載下傳其他包,都會在下載下傳在這個檔案夾中。
下載下傳完就可以在項目中去導入然後使用了:
var md5 = require('md5');
console.log(md5("12345789"));
小練習
實作一個,數字轉大寫的功能 如: 123 轉 壹佰貳拾叁
在 https://www.npmjs.com 上搜尋功能關鍵字
找對應可能用上的包,參考文檔,進行安裝,使用
nodemon包的使用
下載下傳:npm install -g nodemon
安裝成功,項目目錄下,通過指令nodemon 11-http子產品.js啟動伺服器即可。