AJAX處理數(shù)據(jù)交互中必不可少的就是后臺接口蜈亩,即url蒸眠。而這個接口到底是怎么接到后臺袄琳,后臺又如何運作的呢窿凤。
接下來的后臺基于express框架與express-static模塊,在準備好node.js運行環(huán)境跨蟹,在文件目錄運行命令窗口雳殊,利用npm安裝就行了
npm i express
npm i express-static
express框架
首先新建一個server,js文件作為腳本運行啟動服務:
const express=require('express'); //引用express框架
let server=express(); //通過express框架開啟服務
server.listen(3000); //監(jiān)聽端口號3000
server.get('/getUser',(req,res)=>{ //通過get方式由'/getUser'接口接收請求
res.send('hello world!'); //向前臺發(fā)送'hello world!'字符串
res.end(); //發(fā)送結(jié)束
});
以上代碼必須放置在例如wampserver的www文件夾才能開啟服務,這個步驟的目的是托管靜態(tài)文件窗轩,同時www這個文件夾稱之為中間件夯秃。
這時express框架為我們提供了express-static模塊解決中間件的問題。
express-static
接下來新建一個www文件夾,并把除這個后臺腳本以外的項目文件移入其內(nèi)仓洼〗樘眨基于express框架啟動的server服務:
const estatic=require('express-static'); //引入express-static模塊
server.use(estatic('www')); //設置中間件路徑為www
這樣簡單的后臺腳本就完成了,通過[res.send()]便可以簡單處理前臺發(fā)過來來的請求并返回一定信息色建。
最后哺呜,開啟后臺服務的步驟為通過命令窗口在當前路徑下運行:
node server.js
以上新建的文件或文件夾名并不固定,可以根據(jù)實際情況自行設置箕戳。