node.js - http、模塊化、npm

今天是node學習的第二天，其實越往后面學越感覺有點熟悉的味道了，光針對于node來說哈，為什么呢，因為我之前學過一點云計算的東西，當時感覺沒什么用搞了下服務器客戶端這些，沒想到這里還能用一用，至少看到服務器這些概念一點不陌生，看到npm一點不奇怪，我當時用的都是yum，

1.

我們今天先看到http模塊，也是node里面的第一大模塊，內置模塊的內容，http是創建web服務器的模塊，在前端當中，不需要iis、Apache這些第三方服務器軟體，只需要一個node.js提供的http模塊就能夠寫一個服務器，這么一看，貌似node還多強大的，

我們的服務器一般分為三個概念，ip、域名、埠，有了這三個你就可以訪問一個服務器，

怎么來創建啊web服務器？

首先要匯入http內置模塊

const server = http.createServer（）

這個創建了一個服務器實體，接下來還要對他系結一個監聽事件，能夠監聽到客戶端發送過來的請求

server.on('request',(req, res) => {})

注意這個事件里面有兩個引數，這兩個引數代表什么意思我們后面再說，當你系結完事件過后，就可以開啟這個服務器了

server.listen（‘埠號’，callback）

這里面兩個引數一個填埠號，一個是開啟服務器后的回呼函式，

const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => console.log('someone visit our webServer'))
server.listen(83, () => console.log('開啟成功'))

瀏覽器上訪問 服務器過后就會在服務器的終端彈出來監聽里面要列印的資訊

 1.1

我們接下來說一下監聽事件里面兩個引數到底是個什么？

首先第一個req物件，它是一個物件，包含了客戶端相關的資料和屬性，你要對訪問進來的客戶端記性操作的話，盡管用到這個物件里面的屬性和方法即可

req.url是客戶端請求的url地址           req.method是客戶端的請求方式

const http = require('http')
const server = http.createServer()
server.on('request', req => {
    const url = req.url
    const method = req.method
    console.log(`your request url is ${url} and your request method is ${method}`)
    // post請求借助postman
})
server.listen('80',() => console.log('server is running in http:127.0.0.1'))

1.2

然后是res物件，沒錯，他也是一個物件，這是包含了服務器相關屬性和資料的物件

res.send（）可以向客戶端發送你想發送的內容，而且它代表著請求結束，如果發送的內容里面包含中文的話，還需要用到res來設定表頭編碼不然會出現亂碼的現象

const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
    let str = 'your request url is '+req.url+' + your request method is '+req.method+''
    res.end(str)
})
server.listen(80, () => console.log(
    'server is running at http://127.0.0.1'
))

1.3

來一個案例，根據不同的url反映出不同的頁面，這個應該很經典吧

// 1.獲取到用戶的url
const http = require('http')
const server = http.createServer()
server.on('request', (req, res) => {
    let url = req.url
    // 2.設定默認的頁面為404
    let content = `<h1>404 Not Found</h1>`
    // 3.判斷用戶是否請求的是首頁
    if (url == '/' || url == '/index.html') {
        content = `<h1>首頁</h1>`
    // } 4.判斷用戶是否訪問的是分頁
    } else if (url == '/son.html') {
        content = `<h1>子頁</h1>`
    }
    // 5.設定請求頭 防止中文亂碼
    res.setHeader('Content-Type', 'text/html; charset=utf-8')
    // 6.發送內容并結束請求
    res.end(content)
})
server.listen(80, () => console.log('your request is running at http://127.0.0.1'))

2.

我們接下來看到模塊化，模塊化是指解決一個復雜問題的時候，自頂向下逐層把系統劃分到若干模塊的程序，對于整個系統來說模塊是可組合、分解和更換的單元，

在我們編程世界里面，模塊化就是遵守固定的規則，把一個大檔案拆分成獨立并相互依賴的小模塊，大家分工合作，

Node.js模塊分類？

在我們node里面模塊分為三個部分，第一個是內置模塊：我們前面學的都是內置模塊，fs、path、http等

第二個是自定義模塊：什么叫做自定義模塊，其實就是我們自己寫的這個js檔案他就是自定義模塊

第三個是第三方模塊：就是由第三方開發出來的模塊，需要提前下載

然后 我們的模塊都需要加載用到require

還會有模塊作用域，也就是在我們自定義模塊里面宣告的變數函式，在外面的模塊是訪問不到的，

那么有沒有辦法來訪問呢？

是有的，向外共享模塊成員的方法要用到一個module物件，它是每個js自定義模塊都有的內置物件，然后在這里面有一個關鍵的物件，exports，在我們前面，require這個自定義模塊的時候得到的內容其實就是exports物件里面的內容，

所以說有時候為空，就是因為沒給exports賦值，他就是一個空物件，我們在寫的時候可以寫成module.exports 也可以是exports

module.exports = {
    uname : '張三',
    sayHello : function() {
        console.log('hello node');
    }
}

const md = require('./module物件共享')
console.log(md);

 但是在模塊化這里exports有幾個要注意點的，始終要記住一點不管是exports還是module.exports他們雖然能完成一樣的效果但是始終以為module.exports里面的資料為準，

為了防止混亂，最好不要將exports和module.exports混用

模塊化規范

node遵循的是commenJS模塊化的規范，包括我們前面說的module代表當前模塊，exports是對外的介面，require用于加載模塊都是commenJS規范的，但是我vue入了一點門被勸回來的那里，剛好看到后面應該遵循的都是es6模塊化規范了，這個commenJS逐漸要淘汰了，

3

繼續看到包和npm的一些內容，首先要明確什么叫包，第三方模塊就叫包，包是由第三方個人和團隊做出來的，都是免費的，

我們為什么要用包呢？

包是基于內置模塊封裝出來的，提提供了更高級、更簡便的用法，其實就相當于jQuery和瀏覽器內置物件的關系，jq的ajax方法就是通過xhr封裝來的撒，

npm

我們首先看到一個案例對時間格式化如果用我們的傳統做法，也就是自定義模塊的做法，

const module物件共享 = require("./module物件共享")

function timeFormat(dataStr) {
    let date = new Date(dataStr)
    let y = date.getFullYear()
    let m = addZero(date.getMonth() + 1)
    let d = addZero(date.getDate())
    let h = addZero(date.getDate())
    let mm = addZero(date.getDate())
    let s = addZero(date.getDate())
    return `${y}-${m}-${d} ${h}:${mm}:${s}`
}
function addZero(n) {
    return n = n < 10? '0' + n : n
}
module.exports.timeFormat = timeFormat

const time = require('./格式化時間傳統做法')
// console.log(time);
const date = new Date()
console.log(date);
console.log(time.timeFormat(date));

這就完成了一個對于時間格式化的操作，舒適還是有點麻煩，但我們現在有了npm就不一樣了，可以用npm安裝一個moment的包，安裝匯入查看檔案api這三步曲走起，

const moment = require('moment')
const timer = moment().format('YYYY-MM-DD HH:mm:ss')
console.log(timer);

之前多少代碼量，現在多少代碼量，這就是為什么要用包，

最后說一下當你安裝了包后檔案夾多多出兩個檔案一個node_modules的檔案夾這里面存放的npm下載的包檔案，一個是pachage_lock.json的組態檔這里面是前面檔案夾里面所有npm下載的包的詳細資訊這兩個都不能去修改

最后如果要安裝指定版本的包的話只需要在包名的后面添加@版本號

標籤：其他

上一篇：關于 display: inline-block; 中間有間隙的問題

下一篇：有關“Vue.js devtools插件Root點擊失效或不顯示問題”的解決方法