Playgrounds: Mobile + Swift = BFF
0 likes644 views
The document outlines a presentation by Chris Bailey from the Swift @ IBM engineering team focused on various aspects of implementing Swift applications, including the backend for frontend (BFF) architecture and usage of the Star Wars API. It covers technical processes such as routing, server-side rendering, and application deployment, particularly using the Kitura framework. Additionally, it references the Mars Climate Orbiter and discusses trajectory calculations and related implications.
![@Chris__Bailey | Swift@IBM #playgroundscon
{
"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/"
}
SWAPI
The Star Wars API
http://swapi.co/api/people/1/](https://image.slidesharecdn.com/playgrounds-mobileswiftbff-170302134307/85/Playgrounds-Mobile-Swift-BFF-36-320.jpg)
![@Chris__Bailey | Swift@IBM #playgroundscon
{
"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/"
}
SWAPI
The Star Wars API
"http://swapi.co/api/starships/12/",
"http://swapi.co/api/starships/22/"
http://swapi.co/api/people/1/](https://image.slidesharecdn.com/playgrounds-mobileswiftbff-170302134307/85/Playgrounds-Mobile-Swift-BFF-37-320.jpg)
![@Chris__Bailey | Swift@IBM #playgroundscon
{
"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/"
}
SWAPI
The Star Wars API
http://swapi.co/api/starships/12/](https://image.slidesharecdn.com/playgrounds-mobileswiftbff-170302134307/85/Playgrounds-Mobile-Swift-BFF-38-320.jpg)
![@Chris__Bailey | Swift@IBM #playgroundscon
{
"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/"
}
SWAPI
The Star Wars API
http://swapi.co/api/starship/22/](https://image.slidesharecdn.com/playgrounds-mobileswiftbff-170302134307/85/Playgrounds-Mobile-Swift-BFF-39-320.jpg)
![@Chris__Bailey | Swift@IBM #playgroundscon
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)
])](https://image.slidesharecdn.com/playgrounds-mobileswiftbff-170302134307/85/Playgrounds-Mobile-Swift-BFF-74-320.jpg)
Playgrounds: Mobile + Swift = BFF
- 1. Swift @ IBM Engineering Team Chris Bailey(@Chris__Bailey) Feb 23rd, 2017
- 2. @Chris__Bailey | Swift@IBM #playgroundscon
- 3. @Chris__Bailey | Swift@IBM #playgroundscon +
- 4. @Chris__Bailey | Swift@IBM #playgroundscon +
- 5. @Chris__Bailey | Swift@IBM #playgroundscon + = BFF
- 6. @Chris__Bailey | Swift@IBM #playgroundscon + = BFF
- 7. @Chris__Bailey | Swift@IBM #playgroundscon + = BFF
- 8. @Chris__Bailey | Swift@IBM #playgroundscon
- 9. @Chris__Bailey | Swift@IBM #playgroundscon
- 10. @Chris__Bailey | Swift@IBM #playgroundscon
- 11. @Chris__Bailey | Swift@IBM #playgroundscon
- 12. @Chris__Bailey | Swift@IBM #playgroundscon
- 13. @Chris__Bailey | Swift@IBM #playgroundscon
- 15. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK
- 16. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices
- 17. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Hosted Services
- 18. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API Hosted Services
- 19. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API Hosted Services
- 20. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Services Hosted Services
- 21. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services
- 22. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services API Team
- 23. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services Web Team API Team
- 24. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services Android Team Web Team API Team
- 25. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team API Team
- 26. @Chris__Bailey | Swift@IBM #playgroundscon
- 27. @Chris__Bailey | Swift@IBM #playgroundscon First Paint Time
- 28. @Chris__Bailey | Swift@IBM #playgroundscon Server Side Rendering First Paint Time
- 29. @Chris__Bailey | Swift@IBM #playgroundscon Server Side Rendering First Paint Time Search Engine Optimisation
- 30. @Chris__Bailey | Swift@IBM #playgroundscon Server Side Rendering First Paint Time Search Engine Optimisation Network Payload Size Request Frequency
- 31. @Chris__Bailey | Swift@IBM #playgroundscon Server Side Rendering First Paint Time Search Engine Optimisation Network Payload Size CPU Usage Request Frequency Battery Usage Memory Usage
- 32. @Chris__Bailey | Swift@IBM #playgroundscon
- 33. @Chris__Bailey | Swift@IBM #playgroundscon
- 34. @Chris__Bailey | Swift@IBM #playgroundscon http://todolist.mybluemix.net/api/todos/{id}
- 35. @Chris__Bailey | Swift@IBM #playgroundscon { “title”: “Write the presentation” “priority”: 1 “completed”: true } http://todolist.mybluemix.net/api/todos/{id}
- 36. @Chris__Bailey | Swift@IBM #playgroundscon { "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/" } SWAPI The Star Wars API http://swapi.co/api/people/1/
- 37. @Chris__Bailey | Swift@IBM #playgroundscon { "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/" } SWAPI The Star Wars API "http://swapi.co/api/starships/12/", "http://swapi.co/api/starships/22/" http://swapi.co/api/people/1/
- 38. @Chris__Bailey | Swift@IBM #playgroundscon { "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/" } SWAPI The Star Wars API http://swapi.co/api/starships/12/
- 39. @Chris__Bailey | Swift@IBM #playgroundscon { "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/" } SWAPI The Star Wars API http://swapi.co/api/starship/22/
- 40. @Chris__Bailey | Swift@IBM #playgroundscon SWAPI The Star Wars API GraphQL
- 41. @Chris__Bailey | Swift@IBM #playgroundscon { person(personID: 1) { name, height, mass, hairColor, eyeColor, imageURL, starShipConnection { edges { node { name } } } } } SWAPI The Star Wars API GraphQL
- 42. @Chris__Bailey | Swift@IBM #playgroundscon SWAPI The Star Wars API Backend for Frontend (BFF)
- 43. @Chris__Bailey | Swift@IBM #playgroundscon http://swapibackend.mybluemix.net/person/1/ SWAPI The Star Wars API Backend for Frontend (BFF)
- 44. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices Backend API ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team API Team
- 45. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team
- 46. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices BFF API ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team API Team
- 47. @Chris__Bailey | Swift@IBM #playgroundscon MARS @Chris__Bailey | Swift@IBM #playgroundscon
- 48. @Chris__Bailey | Swift@IBM #playgroundscon 20241998 Mars Climate ORbiteR @Chris__Bailey | Swift@IBM #playgroundscon
- 49. @Chris__Bailey | Swift@IBM #playgroundscon DeC 11: Launch from Cape Canaveral1998 Mars Climate ORbiteR @Chris__Bailey | Swift@IBM #playgroundscon
- 50. @Chris__Bailey | Swift@IBM #playgroundscon 1998 Mars Climate ORbiteR DeC 11: Launch from Cape Canaveral @Chris__Bailey | Swift@IBM #playgroundscon
- 51. @Chris__Bailey | Swift@IBM #playgroundscon 1998 Mars Climate ORbiteR @Chris__Bailey | Swift@IBM #playgroundscon
- 52. @Chris__Bailey | Swift@IBM #playgroundscon 1999 Mars Climate ORbiteR Sept 23rd: Lost Radio Contact @Chris__Bailey | Swift@IBM #playgroundscon
- 53. @Chris__Bailey | Swift@IBM #playgroundscon 1999 Mars Climate ORbiteR Sept 25th: Mission Declared a LOSS @Chris__Bailey | Swift@IBM #playgroundscon
- 54. @Chris__Bailey | Swift@IBM #playgroundscon
- 55. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY
- 56. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4
- 57. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4
- 58. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4 226 KM
- 59. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4 ACTUAL TRAJECTORY 226 KM
- 60. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4 ACTUAL TRAJECTORY 226 KM TCM-4
- 61. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4 TCM-4 ACTUAL TRAJECTORY 226 KM
- 62. @Chris__Bailey | Swift@IBM #playgroundscon PLANNED TRAJECTORY TCM-4 ACTUAL TRAJECTORY 226 KM 57 KM TCM-4
- 63. @Chris__Bailey | Swift@IBM #playgroundscon@Chris__Bailey | Swift@IBM #playgroundscon
- 64. @Chris__Bailey | Swift@IBM #playgroundscon Lockheed Martin Ground SoftwareNasa Jet Propulsion Laboratory Trajectory Calculation Software
- 65. @Chris__Bailey | Swift@IBM #playgroundscon Lockheed Martin Ground SoftwareNasa Jet Propulsion Laboratory Trajectory Calculation Software Lockheed Martin Ground 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
- 66. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team API Team BFF API
- 67. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team BFF API
- 68. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted ServicesBFF API
- 69. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team BFF API
- 70. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team BFF API
- 71. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team BFF API
- 72. #playgroundscon@Chris__Bailey | Swift@IBM GATEWAY PUBLIC NETWORK CLOUD NETWORK Client Devices ROUTING PROXY Micro-Services Hosted Services iOS Team Android Team Web Team BFF API
- 73. @Chris__Bailey | Swift@IBM #playgroundscon Building a BFF
- 74. @Chris__Bailey | Swift@IBM #playgroundscon 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) ])
- 75. @Chris__Bailey | Swift@IBM #playgroundscon 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()
- 76. @Chris__Bailey | Swift@IBM #playgroundscon Deploy an Application Open your browser at http://localhost:8090 Compile and run your application: $ swift build $ .build/debug/myFirstProject
- 77. @Chris__Bailey | Swift@IBM #playgroundscon Demo
- 78. @Chris__Bailey | Swift@IBM #playgroundscon Become a SwiftStack Developer Today kitura.iogithub.com/ibm-swift swift-at-ibm-slack.mybluemix.net