nodejs express基本應用1

一.初始化操作
1.初始化package.json

npm init -y

在目錄下生成一個文件package.json
2.安裝需要的module

npm install express
npm install body-parser
npm intall multer

安裝完畢後會在目錄下出現node_modules文件夾和package-lock.json,並在package.json中添加相應的module描述
在這裏插入圖片描述
二.牛刀小試
1.創建js文件
引用express

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

如何創建web服務器
我們使用express非常簡單

var server=app.listen(8888,function(){
    console.log("server is start");
})

開始操作:當前目錄下在命令行運行js文件
demo.js是文件名

node demo.js

這樣我們監聽端口8888
在瀏覽器上訪問

localhost:8888

在這裏插入圖片描述
出現了cannot get而不是無法訪問服務器,說明我們的服務器搭建起來了
bingo(爲什麼我們沒有頁面出現呢)
原因:我們沒有對訪問進行相關的處理
解決
首先我們試一下對所有的訪問進行處理

app.get('*',function(req,res){
    console.log("所有訪問已被接收");
})

我們再次運行測試一下
在這裏插入圖片描述
後臺出現了輸出,說明我們接收到了訪問
問題來了,如何控制訪問的頁面,並在瀏覽器上顯示(很簡單)
註釋掉剛纔的代碼,我們這樣寫

app.get('/',function(req,res){
    res.sendFile(__dirname+'/'+'index.html');
})

出現了一點點不同,第一個參數變成了’/'這個代表的是瀏覽器直接訪問localhost:8888
sendFile代表的是response發送這個文件夾的數據
這樣我們就可以在瀏覽器中訪問一下主頁了
需要在同目錄創建index.html
在這裏插入圖片描述
binggo
顯而易見如何訪問其他頁面,添加app.get()
配置參數即可
訪問test.html頁面

app.get('/test.html',function(req,res){
    res.sendFile(__dirname+'/'+'test.html');
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章