zoukankan      html  css  js  c++  java
  • [GraphQL] Write a GraphQL Schema in JavaScript

    Writing out a GraphQL Schema in the common GraphQL Language can work for simple GraphQL Schemas, but as our application grows, or when we start using more complex types like interfaces or unions, we find that we can’t use a GraphQL Language file in the same way as before. In this video, we’ll learn how to translate a GraphQL Schema written in GraphQL into a GraphQL Schema written in JavaScript.

    const express   = require('express');
    const graphqlHttp = require('express-graphql');
    
    const server = express();
    const port   = process.env.PORT || 3000;
    
    const {
        GraphQLSchema,
        GraphQLObjectType,
        GraphQLString,
        GraphQLInt,
        GraphQLBoolean,
        GraphQLID
          } = require('graphql');
    
    const videoType = new GraphQLObjectType({
        name: 'video',
        description: 'A video on Egghead.io',
        fields: {
            id: {
                type: GraphQLID,
                description: 'The id of the video'
            },
            title: {
                type: GraphQLString,
                description: 'The title of the video'
            },
            duration: {
                type: GraphQLInt,
                description: 'The duration of the video'
            },
            watched: {
                type: GraphQLBoolean,
                description: 'Whether or no the viewer watched the video'
            }
        }
    })
    
    const queryType = new GraphQLObjectType({
        name: 'QueryType',
        description: 'The root query type',
        fields :{
            video: {
                type: videoType,
                resolve: () => {
                    return new Promise((resolve) => {
                        resolve({
                            id: 'a',
                            title: 'GraphQL',
                            duration: 180,
                            watched: false })
                    })
                }
            }
        }
    });
    
    const schema = new GraphQLSchema({
        query: queryType
    });
    
    /*
    const schema = buildSchema(`
        type Video {
            id: ID,
            title: String,
            duration: Int,
            watched: Boolean
        }
        
        type Query {
            video: Video,
            videos: [Video]
        }
        
        type Schema{
            query: Query
        }
    `);
    
    const videos = [
        {
            id       : '1',
            title    : 'react',
            duration : 180,
            watched  : true
        },
        {
            id       : '2',
            title    : 'relay',
            duration : 230,
            watched  : false
        }
    ];
    
    const resolvers = {
        video  : () => ({
            id       : '1',
            title    : 'bar',
            duration : 180,
            watched  : true
        }),
        videos : () => videos
    };*/
    
    server.use('/graphql', graphqlHttp({
                                         schema,
                                         graphiql  : true, // use graphiql interface
                                     }));
    
    server.listen(port, () => {
        console.log(`Listening on http`)
    })
  • 相关阅读:
    【Python大系】Python快速教程
    【Linux大系】Linux的概念与体系
    【Java大系】Java快速教程
    【夯实PHP系列】PHP正则表达式
    【PHP夯实基础系列】PHP日期,文件系统等知识点
    【夯实PHP系列】购物车代码说明PHP的匿名函数
    2016.09.21 公司裁员想到的
    使用android-junit-report.jar导出单元测试报告
    APK无源码使用Robotium简单总结
    Android环境安装简单总结
  • 原文地址:https://www.cnblogs.com/Answer1215/p/6238967.html
Copyright © 2011-2022 走看看