1. 程式人生 > >node搭建伺服器,寫介面,調介面,跨域

node搭建伺服器,寫介面,調介面,跨域

剛開始學node,今天做這個也是累死寶寶了,以後可以自己寫介面自己用了,再也不用麻煩人家後端人員了,這些年我們欠他們的太多了,說多了都是淚,不多說,往下看吧。。。

服務端專案目錄下:

1、npm init 建立package.json檔案;

2、建立一個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);
})

3、接下來該安裝 express 框架了吧,因為我們上面用到了,直接安裝並寫入依賴裡。

npm install express --save

 

專案目錄下:

1、隨便建立一個 index.html 檔案,做一個ajax 的get請求看看,url就是我們剛建立的服務端的介面地址。

$.ajax({
    type:'get',
    url:'http://localhost:3000/123',
    success:function(data){
        console.log(data);
    },
    error:function(){
        console.log('error');
    }
})

2、看下面的圖可以知道我們已經請求到資料了,拿到的資料就隨便你處置了。

後面繼續學習中。。。。

相關的文件  http://www.expressjs.com.cn/