Criando um gateway de microserviços com GraphQL - Felipe Lopes

Felipe Lopes
Software Engineer
Criando um Gateway de
microserviços com GraphQL
Felipe Lopes
Software Engineer

Data Services
Web Server
HTML5 App
HTML

Data Services
App Server
Native App
Data

{
me {
name
}
}
{
"me": {
"name": "Felipe Lopes"
}
}

{
user(id: 4815162342) {
name
}
}

{
me {
name
profilePicture {
width
height
url
}
}
}

{
me {
name
profilePicture {
width
height
url
}
}
}
{
"me" {
"name": "Felipe Lopes",
"profilePicture": {
"width": 50,
"height": 50,
"url": "https://cdn/pic.jpg"
}
}
}

{
me {
name
profilePicture(size: 300) {
width
height
url
}
}
}
{
"me" {
"profilePicture": {
"width": 300,
"height": 300,
"url": "https://cdn/300.jpg"
}
}
}

{
me {
name
lilPic: profilePicture (size: 50) {
width
height
url
}
bigPic: profilePicture (size: 300) {
width
height
url
}
}
}
{
"me" {
"lilPic": {
"width": 50,
"height": 50,
},
"bigPic": {
"width": 300,
"height": 300,
}
}
}

{
me {
name
friends: {
name
events: {
name
}
}
}
}
{
"me" {
"friends": [
{
"name": "David Lynch"
"events": [
{
"name": "Academy Awards"
},
{
"name": "SXSW"
}
]
}
…
}
}

Modelo mental para
desenvolvedores de produto

{
me {
name
width
height
url
}
friends(orderby: IMPORTANCE, first: 1) {
name
events(first: 1) {
name
}
}
}
}

{
me {
name
width
height
url
}
name
events(first: 1) {
name
}
}
}
}
type Query {
me: User
user(id: Int): User
}

{
me {
name
width
height
url
}
name
events(first: 1) {
name
}
}
}
}
type User {
name: String
profilePicture(size: Int = 50): ProfilePicture
friends(first: Int, orderby: FriendOrder):
[User]
events(first: Int): [Event]
}
enum FriendOrder {
FIRST_NAME,
LAST_NAME,
IMPORTANCE
}

{
me {
name
width
height
url
}
name
events(first: 1) {
name
}
}
}
}
type ProfilePicture {
width: Int
height: Int
url: String
}

{
me {
name
width
height
url
}
name
events(first: 1) {
name
}
}
}
}
type User {
name: String
friends(first: Int, orderby: FriendOrder): [User]
events(first: Int): [Event]
}

{
me {
name
width
height
url
}
name
events(first: 1) {
name
}
}
}
}
type Event {
name: String
attendees(first: Int): [User]
}

Um novo contrato
server/client

MODELS
APP SERVER
CLIENT
VIEWS

MODELS
APP SERVER
CLIENT
VIEWS
Model: 123, pfvr

MODELS
APP SERVER
CLIENT
VIEWS
Model: 123, pfvr
Aqui está seu model 123

MODELS
APP SERVER
CLIENT
VIEWS
Model: 123, v2, pfvr
Aqui está seu model 123, v2
Model V2
Views V2

MODELS
APP SERVER
CLIENT
VIEWS
Model v2
Views v2
Model v3
Views v3

MODELS
APP SERVER
CLIENT
VIEWS
Model v2
Views v2
Model v3
Views v3
Model v4
Views v4

APP SERVER
CLIENT
Possibilidades

APP SERVER
CLIENT
Possibilidades
Requerimentos

APP SERVER
CLIENT
Type System
Models
Views

APP SERVER
CLIENT
Essa formato de dados, pfvr
Type System
Models
Views

APP SERVER
CLIENT
Aqui está seus dados específicos
Type System
Models
Views

APP SERVER
CLIENT
Type System
Models
Views
Model v2
Views v2

APP SERVER
CLIENT
Type System
Models
Views
Model v2
Model v3
Views v2
Views v3

APP SERVER
CLIENT
Type System
Models
Views
Model v2
Model v3
Model v4
Views v2
Views v3
Views v4

{
me {
friends {
name
events {
name
}
}
}
}

{
me {
friends {
...friendFragment
}
}
}
fragment friendFragment on User {
name
events {
name
}
}

Suportado por código
arbitrário

Código de Aplicação Existente
CacheDatabase Queue

GraphQL
Código de Aplicação Existente
CacheDatabase Queue

GraphQL não é um
mecanismo de armazenamento

Queries GraphQL operam sobre
código arbitrário existente

type User {
name: String
friends: [User]
}

{
__schema {
queryType { name }
types {
name
fields {
name
type {
kind
name
ofType { name }
}
}
}
}
}

{
me {
name
profilePicture {
width
height
url
}
}
}
@interface GraphQLUser : NSObject {
- (NSString *)name;
- (GraphQLProfilePicture *)profilePicture;
}
@interface GraphQLProfilePicture : NSObject {
- (NSNumber *)width;
- (NSNumber *)height;
- (NSString *)url;
}
Geração de código

{
me {
name
profilePicture {
width
height
url
}
}
}
public class User
{
public string Name { get; set; }
public ProfilePicture ProfilePicture { get; set; }
}
public class ProfilePicture
{
public int Width { get; set; }
public int Height { get; set; }
public string Url { get; set; }
}
Geração de código

query {
user(id: 4815162342) {
name
profilePicture {
width
height
url
}
}
}

mutation {
likeStory(storyId: 210688) {
}
}

mutation {
likeStory(storyId: 210688) {
story {
likers {
count
}
doesViewerLike
}
}
}

mutation {
createComment(
storyId: 210688
text: "Hello"
) {
comment {
createTime
}
}
}
mutation {
updateComment(
commentId: 210688
newText: "Hello World"
) {
comment {
text
}
}
}

Felipe Lopes
Software Engineer
felipe.lopes@socialminer.com
@OLopesFelipe
linkedin.com/in/felipelopes01
github.com/lopes-felipe
fb.com/socialminerdev
Seja um Miner
99jobs.com/social-miner/jobs

Criando um gateway de microserviços com GraphQL - Felipe Lopes

Mais conteúdo relacionado

Semelhante a Criando um gateway de microserviços com GraphQL - Felipe Lopes (20)

Último (7)

Criando um gateway de microserviços com GraphQL - Felipe Lopes