playgrounds: mobile + swift = bff

Swift @ IBM Engineering TeamChris Bailey(@Chris__Bailey)

Feb 23rd, 2017

@Chris__Bailey | Swift@IBM #playgroundscon


+


+= BFF

#playgroundscon@Chris__Bailey | Swift@IBM


GATEWAY

PUBLIC NETWORK CLOUD NETWORK


GATEWAY


Client Devices


GATEWAY


Client Devices Hosted Services


GATEWAY


Client Devices Backend API Hosted Services


GATEWAY


Client Devices Backend API

ROUTING PROXY

Services Hosted Services


GATEWAY



ROUTING PROXY

Micro-Services Hosted Services


GATEWAY



ROUTING PROXY


API Team


GATEWAY



ROUTING PROXY


Web Team

API Team


GATEWAY



ROUTING PROXY


Android Team

Web Team

API Team


GATEWAY



ROUTING PROXY


iOS Team

Android Team

Web Team

API Team


First Paint Time


Server Side Rendering

First Paint Time



First Paint Time

Search Engine Optimisation



First Paint Time


Network Payload Size

Request Frequency



First Paint Time


Network Payload Size

CPU Usage

Request Frequency

Battery UsageMemory Usage


http://todolist.mybluemix.net/api/todos/{id}

http://todolist.mybluemix.net/api/todos/:


{ “title”: “Write the presentation” “priority”: 1 “completed”: true }

http://todolist.mybluemix.net/api/todos/{id}

http://todolist.mybluemix.net/api/todos/:


{ "name": "Luke Skywalker", "height": "1.72 m", "mass": "77 Kg", "hair_color": "Blond", "skin_color": "Caucasian", "eye_color": "Blue", "birth_year": "19 BBY", "gender": "Male", "homeworld": "http://swapi.co/api/planets/1/", "films": [ "http://swapi.co/api/films/1/", "http://swapi.co/api/films/2/", "http://swapi.co/api/films/3/" ], "species": [ "http://swapi.co/api/species/1/" ], "vehicles": [ "http://swapi.co/api/vehicles/14/", "http://swapi.co/api/vehicles/30/" ], "starships": [ "http://swapi.co/api/starships/12/", "http://swapi.co/api/starships/22/" ], "created": "2014-12-09T13:50:51.644000Z", "edited": "2014-12-10T13:52:43.172000Z", "url": "http://swapi.co/api/people/1/" }

SWAPIThe Star Wars API

http://swapi.co/api/people/1/

http://swapi.co/api/people/1


{ "name": "Luke Skywalker", "height": "1.72 m", "mass": "77 Kg", "hair_color": "Blond", "skin_color": "Caucasian", "eye_color": "Blue", "birth_year": "19 BBY", "gender": "Male", "homeworld": "http://swapi.co/api/planets/1/", "films": [ "http://swapi.co/api/films/1/", "http://swapi.co/api/films/2/", "http://swapi.co/api/films/3/" ], "species": [ "http://swapi.co/api/species/1/" ], "vehicles": [ "http://swapi.co/api/vehicles/14/", "http://swapi.co/api/vehicles/30/" ], "starships": [ "http://swapi.co/api/starships/12/", "http://swapi.co/api/starships/22/" ], "created": "2014-12-09T13:50:51.644000Z", "edited": "2014-12-10T13:52:43.172000Z", "url": "http://swapi.co/api/people/1/" }


"http://swapi.co/api/starships/12/", "http://swapi.co/api/starships/22/"

http://swapi.co/api/people/1/

http://swapi.co/api/people/1


{ "name": "X-wing", "model": "T-65 X-wing", "manufacturer": "Incom Corporation", "cost_in_credits": "149999", "length": "12.5", "max_atmosphering_speed": "1050", "crew": "1", "passengers": "0", "cargo_capacity": "110", "consumables": "1 week", "hyperdrive_rating": "1.0", "MGLT": "100", "starship_class": "Starfighter", "pilots": [ "http://swapi.co/api/people/1/", "http://swapi.co/api/people/9/", "http://swapi.co/api/people/18/", "http://swapi.co/api/people/19/" ], "films": [ "http://swapi.co/api/films/3/", "http://swapi.co/api/films/2/", "http://swapi.co/api/films/1/" ], "created": "2014-12-12T11:19:05.340000Z", "edited": "2014-12-22T17:35:44.491233Z", "url": "http://swapi.co/api/starships/12/" }


http://swapi.co/api/starships/12/

http://swapi.co/api/starships/12


{ "name": "Imperial shuttle", "model": "Lambda-class T-4a shuttle", "manufacturer": "Sienar Fleet Systems", "cost_in_credits": "240000", "length": "20", "max_atmosphering_speed": "850", "crew": "6", "passengers": "20", "cargo_capacity": "80000", "consumables": "2 months", "hyperdrive_rating": "1.0", "MGLT": "50", "starship_class": "Armed government transport", "pilots": [ "http://swapi.co/api/people/1/", "http://swapi.co/api/people/13/", "http://swapi.co/api/people/14/" ], "films": [ "http://swapi.co/api/films/3/", "http://swapi.co/api/films/2/" ], "created": "2014-12-15T13:04:47.235000Z", "edited": "2014-12-22T17:35:44.795405Z", "url": "http://swapi.co/api/starships/22/" }


http://swapi.co/api/starship/22/


SWAPIThe Star Wars API GraphQL


{ person(personID: 1) { name, height, mass, hairColor, eyeColor, imageURL, starShipConnection { edges { node { name } } } } }

SWAPIThe Star Wars API GraphQL


SWAPIThe Star Wars API Backend for Frontend (BFF)


http://swapibackend.mybluemix.net/person/1/

SWAPIThe Star Wars API Backend for Frontend (BFF)

http://swapibackend.mybluemix.net/person/1/


GATEWAY



ROUTING PROXY


iOS Team

Android Team

Web Team

API Team


GATEWAY


Client Devices

ROUTING PROXY


iOS Team

Android Team

Web Team


GATEWAY


Client Devices BFF API

ROUTING PROXY


iOS Team

Android Team

Web Team

API Team


MARS



20241998 Mars Climate ORbiteR



DeC 11: Launch from Cape Canaveral1998 Mars Climate ORbiteR



1998 Mars Climate ORbiteR DeC 11: Launch from Cape Canaveral



1998 Mars Climate ORbiteR



1999 Mars Climate ORbiteR Sept 23rd: Lost Radio Contact



1999 Mars Climate ORbiteR Sept 25th: Mission Declared a LOSS



PLANNED TRAJECTORY


PLANNED TRAJECTORY

TCM-4


PLANNED TRAJECTORY

TCM-4

226 KM


PLANNED TRAJECTORY

TCM-4

ACTUAL TRAJECTORY

226 KM


PLANNED TRAJECTORY

TCM-4

ACTUAL TRAJECTORY

226 KM

TCM-4


PLANNED TRAJECTORY

TCM-4

TCM-4 ACTUAL TRAJECTORY

226 KM


PLANNED TRAJECTORY

TCM-4

ACTUAL TRAJECTORY

226 KM

57 KM

TCM-4

@Chris__Bailey | Swift@IBM #playgroundscon@Chris__Bailey | Swift@IBM #playgroundscon


Lockheed MartinGround SoftwareNasa Jet Propulsion Laboratory

Trajectory Calculation Software


Lockheed MartinGround SoftwareNasa Jet Propulsion Laboratory

Trajectory Calculation Software

Lockheed MartinGround Software

Nasa Jet Propulsion Laboratory Trajectory Calculation Software

SIS(Software Interface Specification)

Total Impulse

pounds-seconds (United States Customary Unit)

newton-seconds (International System of Units)

11.488


GATEWAY


Client Devices

ROUTING PROXY


iOS Team

Android Team

Web Team

API Team

BFF API


GATEWAY


Client Devices

ROUTING PROXY


iOS Team

Android Team

Web Team

BFF API


GATEWAY


Client Devices

ROUTING PROXY

Micro-Services Hosted ServicesBFF API


GATEWAY


Client Devices

ROUTING PROXY


iOS Team

Android Team

Web Team

BFF API


Building a BFF


Create an ApplicationFirst, create a new project directory:$ mkdir myFirstProject

Next, create a new Swift project using the Swift Package Manager.$ cd myFirstProject$ swift package init —-type executable

In Package.swift, add Kitura as a dependency for your project.import PackageDescription

let package = Package( name: "myFirstProject", dependencies: [ .Package(url: "https://github.com/IBM-Swift/Kitura.git", majorVersion: 1, minor: 0) ])


Create an ApplicationIn Sources/main.swift, add the following code.import Kitura

// Create a new router let router = Router()

// Handle HTTP GET requests to / router.get("/") { request, response, next in response.send("Hello, World!") next() }

// Add an HTTP server and connect it to the router Kitura.addHTTPServer(onPort: 8090, with: router)

// Start the Kitura runloop (this call never returns) Kitura.run()


Deploy an Application

Open your browser at http://localhost:8090

Compile and run your application:$ swift build$ .build/debug/myFirstProject

localhost:8090/


Demo


Become a SwiftStack Developer Today

kitura.iogithub.com/ibm-swift swift-at-ibm-slack.mybluemix.net