beichen3997的博客

GraphQL 渐进学习 01-GraphQL-快速上手 目标 创建一个 Node Express GraphQL server 采用可视化 GraphiQL IDE 进行测试 代码 ducafecat/graphQL-example 创建一个 node 项目 mkdir graphql-example cd graphql-example npm init 1 2 3 开...

graphql 新API 开发方式 我们知道 GraphQL 使用 Schema 来描述数据，并通过制定和实现 GraphQL 规范 定义了支持 Schema 查询的 DSQL （Domain Specific Query Language，领域特定查询语言）。Schema 帮助将复杂的业务模型数据抽象拆分成细粒度的基础数据结构，而 DSQL 的实现则赋予了前端开发者自由组织和定制请求数据的能力...

1.在schema.graphql中的模拟数据 scalar JSON scalar Upload   directive @cacheControl( maxAge: Int, scope: CacheControlScope ) on OBJECT | FIELD_DEFINITION   enum CacheControlScope { PUBLIC PRIVATE ...

分类： GraphQL 渐进学习 GraphQL 渐进学习 09-graphql-apollo-client-vue-客户端开发 软件环境 vue > 2.5.x 目标 创建 graphql 客户端 封装请求处理 基于 token 验证 代码 ducafecat/eggjs-graphql-example/vue-client 步骤 1 安装依赖包 npm instal...

GraphQL 渐进学习 08-graphql-采用eggjs-服务端开发 软件环境 eggjs 2.2.1 请注意当前的环境，老版本的 egg 可能配置有差异 目标 创建 graphql 服务 用户登录授权 用户访问鉴权 代码 ducafecat/eggjs-graphql-example/egg-server 步骤 1 使用 egg-graphql 安装包 npm ...

GraphQL 渐进学习 07-graphql-node-server-模块化 目标 为了便于维护，模块化 node 服务端 代码 代码抽取层次分为  schema 定义 类型 业务对象 查询 更改 resolvers 实现 查询 方法 typeResolvers 实现 自定义类型 标准类型 utils 工具 mock 代码 gra...

GraphQL 渐进学习 06-graphql-采用-mockjs-mock数据 目标 开启 graphql mock数据 模式 采用 mock.js 组件进行数据模拟 模拟数据配置  对象 接口 自定义类型 联合 查询 代码 graphQL-example/mock.js 步骤 1. 安装 mock.js 依赖包 npm -S install mockj...

GraphQL 渐进学习 05-graphql-resolvers-union-联合的使用 目标 使用 union 联合 代码 graphQL-example/features.js 步骤 1. 准备测试静态数据 const notices = [{id: 1, content: '这是 notice', noticeTime: 1524710641}] const reminds...

GraphQL 渐进学习 04-graphql-resolvers-interfaces-接口的使用 目标 使用 interfaces 接口 代码 graphQL-example/features.js 步骤 1. 准备测试静态数据 const notices = [{id: 1, content: '这是 notice', noticeTime: 1524710641}] con...

GraphQL 渐进学习 03-GraphQL-scalar-自定义类型 目标 编写自定义类型 代码 graphQL-example/features.js 步骤 1. 引用 graphql graphql/language const {GraphQLScalarType} = require('graphql') const {Kind} = require('graphql/...

GraphQL 渐进学习 02-GraphQL-组件构成知识整理 目标 对 GraphQL 构成的组件进行知识精要整理 组件构成有 5 个方面  查询变更 queries Schema 和类型 schema 验证 validation 执行 execution 内省 introspection 方便日后当手册查阅 代码 融合上述特性写了个代码，方便记忆 g...

import Vue from 'vue' import VueApollo from 'vue-apollo' import { Message, Loading } from 'element-ui' import { createApolloClient } from 'vue-cli-plugin-apollo/graphql-client' import { ApolloLink...