Angular Spacex Graphql代码生成
任务
我们的目标是制作一个Angular应用程序,其中包含过去SpaceX发射的列表以及相关的详细信息页面。 通过提供数据,并通过生成Angular服务。 我们使用从前端访问数据。 该API是免费的,因此请保持友好,不要滥用它。
最终结果
脚步
使用路由生成新的角度应用程序
ng new angular-spacex-graphql-codegen --routing=true --style=css
确保删除src/app/app.component.html的默认模板
安装并在项目的根目录中添加apollo.config.js
module . exports = {
client : {
service : {
name : 'angular-spacex-graphql-codegen' ,
url : 'https://api.spacex.land/graphql/'
}
}
} ;
这使扩展指向SpaceX GraphQL API,因此我们在GraphQL文件中获得
1