DR：现代应用程序越来越受数据驱动，这会导致在获取、过滤和聚合数据方面花费大量时间。当使用Apollo平台实现时，大数据可视化，GraphQL降低了与数据获取相关的复杂性，并使开发人员能够利用令人难以置信的工具来构建灵活的api。在本教程中，我们将探讨如何使用GraphQL、React和Apollo构建一个支持生产的应用程序。最后，我们将学习如何使用Auth0添加身份验证。完整的代码可以在GitHub上找到。"了解如何使用GraphQL、React、Apollo和Auth0开发和保护现代应用程序。"在推特上留言GraphQL简介GraphQL是客户机-服务器通信的规范。它使客户机能够以声明的方式表达其数据需求，而服务器只发送客户机请求的内容。GraphQL服务器公开描述其API的模式，包括获取数据的查询和修改数据的突变。这允许客户机通过查询指定其数据需求并将其发送到一个GraphQL端点，而不是像REST那样从多个端点收集信息。GraphQL模式是强类型的，它可以解锁优秀的开发工具。Apollo是GraphQL的一个实现，我们将在今天的教程中使用它来帮助我们快速启动和运行。它包括两个运行库Apollo Server和Client，用于使用GraphQL构建和查询API的模式。它还具有与现有工作流集成的开发人员工具，使您能够全面了解API的性能和安全性。我们要建造什么我们将构建一个名为CoolReads的应用程序。CoolReads是一个流行的web应用程序，用户可以在其中实际查看他们长期阅读的书籍。这些评论帮助新用户决定是否开始阅读一本书。CoolReads是一个应用程序，它显示具有适当的封面图像、标题和平均用户评级的图书列表。每个人都应该能够看到这些书的评级，但是只有经过身份验证的用户才能添加一本具有评级的新书。我们假设有一个用户投票的投票，通过身份验证的用户只需获得评级并添加到平台中。我们将使用GraphQL为应用程序构建API。GraphQL的强类型查询语言使开发人员能够利用令人难以置信的工具来探索graphqlapi。由于内置的内省系统，开发人员可以查询GraphQL模式以获取它支持的查询和类型的信息。先决条件在构建GraphQL API之前，请确保安装了以下组件：节点.jsnpm：至少节点.jsv8.0和npm v5。nodemon：确保全局安装了nodemon。之后，创建一个目录并运行npm init--y来创建一个包.json文件。然后安装软件包。这个包允许我们随意使用ES6风格的导入和导出。构建CoolReads GraphQL API模式优先开发Schema-first开发是使用GraphQL构建应用程序的推荐方法，它涉及前端和后端团队首先就模式达成一致，这是在任何API开发开始之前UI和后端之间的契约。当GraphQL模式围绕客户机应用程序的需求进行设计时，它们的最佳状态就是。在为我们的API设计模式时，我们将采用这种方法。正在生成CoolReads架构任何GraphQL服务器的核心都是一个模式。模式定义类型及其关系。它还指定可以对服务器进行哪些查询。让我们构建CoolReads的模式。创建src/server.jsf文件在api目录中。我们的模式就在这里。应用程序的模式如下所示：const typeDefs=gql`类型作者{id:内景！名字：字符串！姓：String！书：【书】！}打字本{id:内景！标题：字符串！封面图片网址：字符串！平均评分：浮动！作者：作者！}类型查询{书：【书！]!,书（id:Int！）：书！}类型突变{addBook（标题：字符串！，立返利，封面图片url:String！，自建站平台，平均评分：浮动！，作者：Int！）：书！}`;typeDefs字符串用GraphQL模式定义语言定义我们的模式。我们有作者，书籍，查询和变异类型。查询类型通知服务器有关查询的信息。允许用户制作的。gql标记是一个JavaScript模板文本标记，它为我们的模式启用语法高亮显示。我们应用程序的用户应该能够一次看到所有可用的书籍。这就是books查询变得有用的地方。如果要检索所有书籍，我们将编写如下查询：查询{书籍{身份证件标题封面图片网址作者{名字姓氏}}}此查询将返回如下GraphQL响应：{"数据"：{"书籍"：[{"id"：1，"title"："杰罗兄弟的审判"，"封面图片网址"：https://pmcvariety.files.wordpress.com/2017/03/baywatch-reboot.jpg","作者"：{"first_name"："Wole"，"姓氏"："Soyinka"}},{"身份证"：2，"title"："半个黄太阳"，"封面图片网址"：https://resizeing.flixster.com/PTWb8cveEQtMkpDSq3ypCZBuGoU=/300x300/v1.bjsxnte4nze4o2o7mtczodc7mtiwmdszmdawiwmda","作者"：{"first_name"："奇曼达"，"姓"："Adichie"}},{"身份证"：3，"title"："美国式"，"封面图片网址"：？问=tbn:和9GCQCCAOMT-FsRsR8GebIzI67qSvdQ2JLYDRLxeAcbH-541fzqq1H","作者"：{"first_name"："奇曼达"，"姓"："Adichie"}},{"身份证"：4，"title"："巴布王"，"封面图片网址"：？问=tbn:和9GCQCCAOMT-FsRsR8GebIzI67qSvdQ2JLYDRLxeAcbH-541fzqq1H","作者"：{"first_name"："Wole"，"姓氏"："Soyinka"}}]}}对于返回此响应的查询，需要提供一些工具，例如解析器、数据源（数据库或外部API）的形式以及执行模式的GraphQL服务器。解析器提供将GraphQL操作转换为数据的指令。它们被组织成一对一映射到GraphQL模式中的字段。无需进一步的ado，让我们添加一个应用内存数据源！"解析器提供将GraphQL操作转换为数据的指令。"在推特上留言常量帐簿=[{id:1，title:'thetrialsofbrother Jero'，封面图片网址：'ssdsds'，平均评分：8，作者：1}，{id:2，title:'半个黄色的太阳'，封面图片'u url:'dsdsds'，平均评等：9，authorId:3}，{id:3，title:'Americanah'，cover_image_url:'dsdsds'，平均评等：9，authorId:3}，{id:4，title:'King Baabu'，物联网安全，封面图片url:'sdsds'，平均评等：7，作者：1}，{id:5，title:'血肉与骨头的孩子'，封面图片\'u url:'sdsds'，平均评等：7，作者：2}，];常量作者=[{id:1，名字："Wole"，姓："Soyinka"}，{id:2，名字："Tomi"，姓氏："Adeyemi"}，{id:3，名字：'Chimamanda'，姓：'Adichie'}，];const typeDefs=gql`类型作者{id:内景！名字：字符串！姓：String！书：【书】！}打字本{id:内景！标题：字符串！封面图片网址：字符串！平均评分：浮动！作者：作者！}类型查询{书：【书！]!,书：书！作者（id:Int！）：作者！}类型突变{addBook（标题：字符串！，封面图片url:String！，平均评分：浮动！，作者：Int！）：书！}`;在上面的代码中，我们有图书和作者的数据源。我们将继续编写从上面的数据源获取数据的解析器，然后再将graphqlapi与适当的数据库连接起来。编写解析器解析器是将模式字段和类型连接到各种后端的函数。正如我前面提到的，它们提供了将GraphQL操作转换为数据的说明。它们可以从任何地方检索或写入数据，包括SQL、No-SQL、图形数据库、micro服务或restapi。解析器还可以返回字符串、int、null和其他原语。const{find，filter}=require（'lodash'）；......设book_id=5；设author_id=3；常量解析程序={查询：{书籍：（）=>书籍，book:（{id}）=>查找（books，{id:id}），author:（{id}）=>查找（authors，{id:id}），},突变：{addBook:（{title，封面图片url，平均评分，authorId}）=>{图书编号++；const newBook={id:图书编号，大数据资源，头衔，封面图片网址，平均评分，作者姓名};图书.推送（新书）；返回newBook；}},作者：{books:（author）=>过滤器（books，{authorId:作者.id}),},书籍：{author:（book）=>查找（authors，{id:图书.作者}),},};在这个阶段，我相信你很想看到它的工作。在详细介绍每个解析器功能之前，请先安装apollo服务器、graphql和lodash。npm安装apollo服务器graphql lodash--保存Apollo Server是一个帮助您快速构建和部署GraphQlAPI的库。它也有一些变体，比如apollo server express、apollo server hapi、apollo server koa和其他支持AWS Lambda的无服务器部署。Apollo服务器内置了对GraphQL订阅的支持、强大的错误处理工具、模式缝合、文件上传、模拟、模式指令和易于监控的集成。"Apollo服务器是一个库，可以帮助您快速构建和部署