Playgrounds: Mobile + Swift = BFF

Swift @ IBM Engineering Team
Chris 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 Usage
Memory Usage

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

{
“title”: “Write the presentation”
“priority”: 1
“completed”: true
}
http://todolist.mybluemix.net/api/todos/{id}

{
"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/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/"
}
SWAPI
The Star Wars API
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": [
],
"species": [
"http://swapi.co/api/species/1/"
],
"vehicles": [
"http://swapi.co/api/vehicles/14/",
"http://swapi.co/api/vehicles/30/"
],
"starships": [
],
"created": "2014-12-09T13:50:51.644000Z",
"edited": "2014-12-10T13:52:43.172000Z",
"url": "http://swapi.co/api/people/1/"
}
SWAPI
The Star Wars API
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/19/"
],
"films": [
],
"created": "2014-12-12T11:19:05.340000Z",
"edited": "2014-12-22T17:35:44.491233Z",
"url": "http://swapi.co/api/starships/12/"
}
SWAPI
The Star Wars API
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/14/"
],
"films": [
],
"created": "2014-12-15T13:04:47.235000Z",
"edited": "2014-12-22T17:35:44.795405Z",
"url": "http://swapi.co/api/starships/22/"
}
SWAPI
The Star Wars API
http://swapi.co/api/starship/22/

SWAPI
The Star Wars API
GraphQL

{
person(personID: 1) {
name,
height,
mass,
hairColor,
eyeColor,
imageURL,
starShipConnection {
edges {
node {
name
}
}
}
}
}
SWAPI
The Star Wars API
GraphQL

SWAPI
The Star Wars API
Backend for Frontend (BFF)

http://swapibackend.mybluemix.net/person/1/
SWAPI
The Star Wars API
Backend for Frontend (BFF)

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

DeC 11: Launch from Cape Canaveral

Sept 23rd: Lost Radio Contact

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 Martin 
Ground SoftwareNasa Jet Propulsion Laboratory 
Trajectory Calculation Software

Lockheed Martin 
Ground SoftwareNasa Jet Propulsion Laboratory 
Lockheed Martin 
Ground Software
Nasa Jet Propulsion Laboratory 
SIS 
(Software Interface Speciﬁcation)
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

Building a BFF

Create an Application
First, 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 Application
In 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

Demo

Become a SwiftStack
Developer Today 
kitura.iogithub.com/ibm-swift swift-at-ibm-slack.mybluemix.net

Playgrounds: Mobile + Swift = BFF

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (20)

Similaire à Playgrounds: Mobile + Swift = BFF

Similaire à Playgrounds: Mobile + Swift = BFF (9)

Plus de Chris Bailey

Plus de Chris Bailey (20)

Dernier

Dernier (20)

Playgrounds: Mobile + Swift = BFF