溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

發(fā)布時間:2020-10-01 03:45:37 來源:腳本之家 閱讀:150 作者:sprint 欄目:web開發(fā)

隨著NodeJS的發(fā)展,現(xiàn)在已經(jīng)被很多人熟知,NodeJS已經(jīng)成為了前端開發(fā)人員必備的技能。本文不會對NodeJS過多介紹 如果你感興趣可以訪問NodeJS 官網(wǎng)

本文是利用NodeJS+Express開發(fā)一個服務(wù)器程序,Express 是一種保持最低程度規(guī)模的靈活 Node.js Web 應(yīng)用程序框架,為 Web 和移動應(yīng)用程序提供一組強(qiáng)大的功能。詳見:官網(wǎng)

一 準(zhǔn)備工作

首先你需要安裝NodeJS環(huán)境 這里不再做介紹,

1.安裝Express

npm install express -g
npm install express-generator -g

2.初始化項目

cd /Users/SPRINT/Desktop 進(jìn)入桌面
express 項目名稱

項目名稱我們指定為APIServer,從項目名稱可以看出 我們是模擬服務(wù)器API

在這里我們將提供一個獲取用戶詳情接口 并輸出JSON數(shù)據(jù)。

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

在終端最后位置 看到輸出兩個命令

install dependencies:
 $ cd APIServer && npm install //告訴我們進(jìn)入項目根目錄 執(zhí)行npm install安裝依賴模塊

run the app:
 $ DEBUG=APIServer:* npm start //告訴我們啟動服務(wù)器

執(zhí)行如下命令:

1.cd APIServer //進(jìn)入項目根目錄

2.npm install  //安裝依賴

我們回到桌面 你將看到一個APIServer目錄 我在這里使用Sublime Text打開

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

/bin:用來啟動應(yīng)用(服務(wù)器)

/public: 存放靜態(tài)資源目錄

/routes:路由用于確定應(yīng)用程序如何響應(yīng)對特定端點的客戶機(jī)請求,包含一個 URI(或路徑)和一個特定的 HTTP 請求方法(GET、POST 等)。每個路由可以具有一個或多個處理程序函數(shù),這些函數(shù)在路由匹配時執(zhí)行。

/views: 模板文件所在目錄 文件格式為.jade

目錄app.js程序main文件 這個是服務(wù)器啟動的入口

二 啟動服務(wù)器

首先啟動服務(wù)器

npm start //啟動服務(wù)器

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

啟動完成后終端將輸出 node ./bin/www

在瀏覽器中訪問 http://localhost:3000/

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

三 基本使用

打開app.js 這里介紹下主要代碼

 var express = require('express');
 var path = require('path');
 var favicon = require('serve-favicon');
 var logger = require('morgan');
 var cookieParser = require('cookie-parser');
 var bodyParser = require('body-parser');

 var app = express();


///=======路由信息 (接口地址)開始 存放在./routes目錄下===========//
 var routes = require('./routes/index');//home page接口
 var users = require('./routes/users'); //用戶接口

 app.use('/', routes); //在app中注冊routes該接口 
 app.use('/users', users);//在app中注冊users接口
///=======路由信息 (接口地址 介紹===========//



///=======模板 開始===========//
// view engine setup
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'jade');
///=======模板 結(jié)束===========//

當(dāng)我們在瀏覽器中 訪問 http://localhost:3000/ 調(diào)用的就是index中的接口

我們打開index.js就可以看到該接口的定義:

var express = require('express');
var router = express.Router();


//定義一個get請求 path為根目錄
/* GET home page. */
router.get('/', function(req, res, next) {
 res.render('index', { title: 'Express' });
});

module.exports = router;

定義一個路由的基本格式為:

app.METHOD(PATH, HANDLER)

其中:

app 是 express 的實例。

METHOD是 HTTP 請求方法。

PATH 是服務(wù)器上的路徑。

HANDLER 是在路由匹配時執(zhí)行的函數(shù)。

以上的定義代表
在根路由 (/) 上(應(yīng)用程序的主頁)對 GET 請求進(jìn)行響應(yīng):

是不是明白了?

如果我們想要實現(xiàn)一個獲取用戶信息接口該怎么寫呢?

很簡單在 routes目錄下創(chuàng)建一個user.js文件內(nèi)容如下:

定義一個User模型

function User() {
  this.name;
  this.city;
  this.age;
}
module.exports = User;

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

切換到users.js文件

在文件頂部添加

 var URL = require('url');

并繼續(xù)添加如下內(nèi)容:

router.get('/getUserInfo', function(req, res, next) {

 var user = new User();
 var params = URL.parse(req.url, true).query;

 if(params.id == '1') {

 user.name = "ligh";
 user.age = "1";
 user.city = "北京市";

}else{ 
 user.name = "SPTING";
 user.age = "1";
 user.city = "杭州市";
}

 var response = {status:1,data:user};
 res.send(JSON.stringify(response));

});

解釋下重點:

獲取url參數(shù) 依賴于url模塊 使用前需要使用  require('url')

var params = URL.parse(req.url, true).query;

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

由于users.js路由信息已經(jīng)在app.js注冊

停止服務(wù)器 重新start服務(wù)器即可直接訪問

調(diào)用方式

http://localhost:3000/users/getUserInfo?id=1
或者
http://localhost:3000/users/getUserInfo?id=2

使用 NodeJS+Express 開發(fā)服務(wù)端的簡單介紹

你是不是注意到我們訪問的方式為users/getUserInfo?id=1 而不是基于根

原因是我們在app.js注冊方式為app.use('/users', users);

我們可以利用這種方式 開發(fā)模塊功能 比如 你有另外一個模塊為msg

我們注冊為:app.use('/msgs', msgs);

調(diào)用方式為http://localhost:3000/msgs/getUserMsgs?id=1

這里我們寫死了返回數(shù)據(jù) 并沒有查詢數(shù)據(jù)庫

當(dāng)然NodeJS具備訪問mysql的能力 但不是本篇文章的介紹范圍,可以參考此篇文章:https://www.jb51.net/article/110616.htm

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI