Slide 1

Slide 1 text

Building!Resilient!API!Clients !KyleFuller

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Building!Resilient!API!Clients

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

How$does$it$work?

Slide 13

Slide 13 text

GET /questions

Slide 14

Slide 14 text

DELETE /questions/{id}

Slide 15

Slide 15 text

GET /questions/{id}

Slide 16

Slide 16 text

POST /questions/{id}/choices/{choice_id}

Slide 17

Slide 17 text

POST /questions

Slide 18

Slide 18 text

Applica'on*was*built*from*an*out3 of3band*specifica'on

Slide 19

Slide 19 text

Tight&Coupling

Slide 20

Slide 20 text

We#want#to#change#something.

Slide 21

Slide 21 text

/v1

Slide 22

Slide 22 text

/v2

Slide 23

Slide 23 text

Move%Fast%and%Break&Things

Slide 24

Slide 24 text

Move%Fast%and%Break%Things

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

"Each&version&will&remain&for&at&least& 2&years&from&release."

Slide 28

Slide 28 text

Eventually*have*to*switch

Slide 29

Slide 29 text

API$Team$maintains$legacy$API

Slide 30

Slide 30 text

Move%Fast%and%Break&Nothing

Slide 31

Slide 31 text

REST

Slide 32

Slide 32 text

What%is%REST?

Slide 33

Slide 33 text

“An$cipa$ng*change*is*one*of*the* central*themes*of*REST”

Slide 34

Slide 34 text

REST%is%not... • CRUD • Pre)y+URLs • JSON • HTTP+"Verbs" • Rou9ng

Slide 35

Slide 35 text

It’s%not%about%exposing%your% database%via%an%API

Slide 36

Slide 36 text

These%are%implementa)on%details

Slide 37

Slide 37 text

Representa)onal,State,Transfer

Slide 38

Slide 38 text

Transfer(State(from(Server(to(Client?

Slide 39

Slide 39 text

Ques%on(Resource

Slide 40

Slide 40 text

HATEOAS

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

Hypermedia*as*the*Engine*of* Applica6on*State

Slide 43

Slide 43 text

Ques%ons • create • list

Slide 44

Slide 44 text

Ques%on • delete • choices

Slide 45

Slide 45 text

Choice • vote

Slide 46

Slide 46 text

Teaching)the)client)the)seman.c) meaning)of)the)domain

Slide 47

Slide 47 text

Without'knowledge'about'the' implementa3on'details

Slide 48

Slide 48 text

Root questions

Slide 49

Slide 49 text

Ques%on delete

Slide 50

Slide 50 text

Choice vote

Slide 51

Slide 51 text

Ques%on create • ques&on • choices

Slide 52

Slide 52 text

Why$are$we$not$doing$this?

Slide 53

Slide 53 text

Hyperdrive

Slide 54

Slide 54 text

One$Does$Not$Simply$Use$JSON

Slide 55

Slide 55 text

HAL$+$Siren

Slide 56

Slide 56 text

HAL Hypertext(Applica.on(Language

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

HAL { "_links": { "self": { "self": "/questions/1" } } }

Slide 59

Slide 59 text

HAL { "_embedded": { "choices": [ { "_links": { "self": { "self": "/questions/1/choices/1" } }, "choice": "Swift", "votes": 2048 } ] } }

Slide 60

Slide 60 text

No content

Slide 61

Slide 61 text

Siren { "actions": [ { "name": "vote", "href": "/questions/1/choices/3", "method": "POST" } ] }

Slide 62

Slide 62 text

Siren { "actions": [ { "name": "create", "fields": [ { "name": "question", "type": "text", "title": "Question" }, { "name": "choices", "type": "array[text]", "title": "Choices" } ], "method": "POST", "type": "application/json", "href": "/questions" } ] }

Slide 63

Slide 63 text

API$Blueprint$+$Hyperdrive

Slide 64

Slide 64 text

apiblueprint.org

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

No content

Slide 67

Slide 67 text

hyperdrive.enter("https://polls.apiblueprint.org/") { result }

Slide 68

Slide 68 text

representor

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

representor • a#ributes • transi,ons

Slide 71

Slide 71 text

representor • a#ributes • transi,ons • representors

Slide 72

Slide 72 text

if let questions = representor.transitions["questions"] { }

Slide 73

Slide 73 text

hyperdrive.request(questions) { result in }

Slide 74

Slide 74 text

if let questions = representor.representors["questions"] { map(questions, viewQuestion) }

Slide 75

Slide 75 text

} else { println("Looks like there are no questions yet.") }

Slide 76

Slide 76 text

func viewQuestion(question:Representor) { println(question.attributes["question"]) if let choices = question.representors["choices"] { map(choices, viewChoice) } else { println("-> This question does not have any choices.") } if let delete = question.transitions["delete"] { // User may delete this question } }

Slide 77

Slide 77 text

func viewChoice(choice:Representor) { let text = choice.attributes["choice"] let votes = choice.attributes["votes"] println('-> \(text) (\(votes))') if let vote = choice.transitions["vote"] { // User may vote on this choice } }

Slide 78

Slide 78 text

hyperdrive.request(vote)

Slide 79

Slide 79 text

if let create = questions.transitions["create"] { // We may create a new question for attribute in create.attributes { // Creation takes `attribute.name` } } else { // Gracefully handle the lack of being able to create a question }

Slide 80

Slide 80 text

Why?

Slide 81

Slide 81 text

Change'business'rules

Slide 82

Slide 82 text

Remove&transi-ons

Slide 83

Slide 83 text

Add#transi*ons

Slide 84

Slide 84 text

Coupling

Slide 85

Slide 85 text

TaaS Toaster(as(a(Service

Slide 86

Slide 86 text

Toaster(Applica.on

Slide 87

Slide 87 text

No content

Slide 88

Slide 88 text

No content

Slide 89

Slide 89 text

No content

Slide 90

Slide 90 text

Demo

Slide 91

Slide 91 text

How$does$API$Blueprint$work?

Slide 92

Slide 92 text

## Questions Collection [/questions] ### List All Questions [GET] + Relation: questions + Response 200 (application/json) + Attributes (array[Question])

Slide 93

Slide 93 text

### Create a New Question [POST] + Relation: create + Request (application/json) + Attributes + question (string, required) - The question + choices (array[string]) - A collection of choices. + Response 201 (application/json) + Attributes (Question)

Slide 94

Slide 94 text

## Question [/questions/{question_id}] + Attributes + question: `Favourite programming language?` (string, required) + published_at: `2014-11-11T08:40:51.620Z` (string) - An ISO8601 date when the question was published + choices (array[Choice], required) - An array of Choice objects

Slide 95

Slide 95 text

{ "id": 1, "question": "Favourite programming language?", "choices": [ { "id": 1, "choice": "Swift", "votes": 128 }, { "id": 2, "choice": "Objective-C", "votes": 2 } ] }

Slide 96

Slide 96 text

### Delete a Question [DELETE] + Relation: delete + Response 204

Slide 97

Slide 97 text

## Choice [/questions/{question_id}/choices/{choice_id}] + Attributes + choice: Swift (string, required) + votes: 0 (number, required)

Slide 98

Slide 98 text

### Vote on a Choice [POST] This action allows you to vote on a question's choice. + Relation: vote + Response 201

Slide 99

Slide 99 text

Conclusion • Move&Faster • Write&Less&Code • Don't&Break&Things • Embrace&Change

Slide 100

Slide 100 text

Move%Fast,%Break%Nothing

Slide 101

Slide 101 text

the$hypermedia$project!/!Hyperdrive the$hypermedia$project!/!representor*swi- !apiaryio!/!polls'app apiaryio!/!polls'api

Slide 102

Slide 102 text

Ques%ons?

Slide 103

Slide 103 text

fuller.li/slides !KyleFuller