摘要：每個接口做多帶帶的開發(fā)卻又古老而不合時宜。所以的出現(xiàn)是為了更好的降低數(shù)據(jù)之間的網(wǎng)狀關(guān)系帶來的開發(fā)復(fù)雜度。

Facebook開源的一個數(shù)據(jù)查詢語言

1、GraphQL是一門語言，有自己的語法，這點(diǎn)和其他編程語言是類似的
2、GraphQL是一個runtime，可以認(rèn)為它是一個運(yùn)行在服務(wù)器上的可以理解和響應(yīng)使用GraphQL語言的請求應(yīng)用程序，類似一個服務(wù)端的GraphQL翻譯

RESTful Api的弊端隨著應(yīng)用的擴(kuò)展，被逐漸放大，比如接口調(diào)用次數(shù)增多，耗時太長。每個接口做多帶帶的開發(fā)卻又古老而不合時宜。所以GraphQL的出現(xiàn)是為了更好的降低數(shù)據(jù)之間的網(wǎng)狀關(guān)系帶來的開發(fā)復(fù)雜度。

一個簡單的GraphQL的語法案例如下，就是一個輸入格式如下（不是JSON）

    {
        user(id: 42) {
            firstName
            lastName
            email
        }
    }

會被轉(zhuǎn)換成如下輸出

    {
         "data": {
             "user": {
                 "firstName": "John",
                 "lastName": "Doe",
                 "email": "john@example.com"
             }
         }
    }

這可以看做是一次請求響應(yīng)的過程

一個查詢定義如下

const queryType = new GraphQLObjectType({
         name: "RootQuery",
         fields: {
             hello: {
             type: GraphQLString,
             resolve: () => "world"
         }
     }
});

const mySchema = new GraphQLSchema({
     query: queryType
});

const inputQuery = `{ hello }`

graphql(mySchema, inputQuery).then(result => {
     console.log("Server Answer :", result.data);
});

打印log如下

Server Answer : { hello: "world" }

GraphQL內(nèi)置一些基礎(chǔ)數(shù)據(jù)類型，然后可以自定義復(fù)雜數(shù)據(jù)類型，數(shù)據(jù)類型之間可以互相嵌套和引用，這就可以組成可配置的數(shù)據(jù)結(jié)構(gòu)

GraphQL是一門強(qiáng)類型的語言，每個字段都必須要要有嚴(yán)格的格式約束

這門語言有很多種編程語言的實(shí)現(xiàn)，graphql.js就是其中一種

對于前端而言，最簡單的使用過程就是拼接上文的hello這樣子的Query，來查詢數(shù)據(jù)