16、构建基于GraphQL和Apollo的Angular待办事项应用

构建基于GraphQL和Apollo的Angular待办事项应用

1. 启动服务器

在完成服务器端编码后，添加 MyApp().Start(); 来启动和运行应用。构建并运行服务器端后，将在 http://localhost:3000 启动一个支持Apollo的GraphQL服务器。在Apollo Server选项中设置 playground: true ，它是一个可视化编辑器区域，可用于运行GraphQL查询并查看结果。不过在生产代码中，建议关闭该功能。

为了验证所有配置是否正确，可以在查询窗口输入以下示例查询：

query {
  TodoItems {
    Id
    Title
    Description
    Completed
    DaysCreated
  }
}

2. 创建GraphQL Angular客户端

使用 ng new 命令创建一个新的Angular应用，并设置前缀为 atp ，同时添加路由支持：

ng new Chapter05 --style scss --prefix atp --routing true

添加对Angular Material的支持：

ng add @a