1. 程式人生 > >node搭建伺服器並且寫一個簡單的介面、調介面

node搭建伺服器並且寫一個簡單的介面、調介面

對於剛開始不會node寫介面和呼叫介面,可以通過這個清晰的初步瞭解到整個過程。
1.在node官網https://nodejs.org/en/下載node.js
2.在自己電腦中新建一個資料夾,例如:D:/node
3.在該新建的資料夾中,開啟命令列視窗(shift+右擊)
npminitpackage.json4. npm install express –save 安裝express模組,後面要用到的
5.在node資料夾中新建app.js檔案,將下面的程式碼複製到app.js檔案中

var express=require
('express'); var app =express(); //設定跨域訪問 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Requested-With"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By"
,' 3.2.1'); res.header("Content-Type", "application/json;charset=utf-8"); next(); }); var questions=[ { data:213, num:444, age:12 }, { data:456, num:678, age:13 }]; //寫個介面123 app.get('/123',function(req,res){ res.status(200), res.json(questions) }); //配置服務埠
var server = app.listen(3000, function () { var host = server.address().address; var port = server.address().port; console.log('Example app listening at http://%s:%s', host, port); })

6.在命令列中,執行$ node app.js
這裡寫圖片描述
7.在瀏覽器位址列輸入localhost:3000/123
這裡寫圖片描述

8.呼叫介面
新建檔案index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script>
     $.ajax({
        type:'get',
        url:'http://localhost:3000/123',
        success:function(data){
        console.log(data);
        },
        error:function(){
        console.log('error');
        }
        })    
    </script>
</body>
</html>

9.在瀏覽器中開啟index.html
這裡寫圖片描述

注:每次修改了app.js,呼叫介面需要重新執行一下$ node app.js