The New 3-Tier Architecture: HTML5, Proxies, and APIs

•Télécharger en tant que PPTX, PDF•

16 j'aime•27,036 vues

Apigee | Google Cloud

Technologie

The New 3-Tier Architecture:
HTML5, Proxies, and APIs

Brian Mulloy
@landlessness
Kevin Swiber Apigee
@kevinswiber @apigee

Agenda
• Traditional 3-Tier Web Architecture
• The App Revolution
• The New App Architecture
• How To Get Started
• Questions

A 3-Tier Web Architecture
image
image
image
Presentation

HTTP

Mobile Web

Logic

Binary

Web Data

A 3-Tier Enterprise Web Architecture

Presentation

Mobile Web
SOAP / Binary

image
image

Logic
image

Binary

Data

Web

The New 2-Tier Architecture

image
image
image

Presentation
Logic

HTTP

APIs Logic Data

Issues
• Authentication
• Authorization
• Often Don’t Control APIs
• Cross Origin Resource Sharing
• Logic Bloat in Presentation Tier

The New 3-Tier Architecture

image
image
Presentation
image

Mobile Web
Web
HTTP

PROXY Tech
Logic

HTTP

APIs Biz
Logic
Data

You will run into issues and blockers eventually.

Watch for bloat in the presentation tier. Move
technical bloat to proxy.

Watch for bloat in the proxy. Move business logic
bloat behind an API.

Move non-functional requirements from individual
APIs to proxy.

THANK YOU
Subscribe to API webinars at:
youtube.com/apigee

THANK YOU
Questions and ideas to:
groups.google.com/group/api-craft

THANK YOU
Contact me at:

@landlessness
brian@apigee.com

@kevinswiber
kswiber@apigee.com

@apigee

Recommandé

Webcast: API-Centric Architecture for Building Context-Aware AppsApigee | Google Cloud

API Centric Development in PHPJoe Stagner

Setup API Introductieannehelmond

A Connector, A Container and an API Walk into a Bar… Microservices EditionSteven Willmott

Build and Manage Serverless APIs (APIDays Nordic, May 19th 2016)3scale

I Love APIs 2015: Building Predictive Apps with Lamda and MicroServices Apigee | Google Cloud

apidays LIVE New York 2021 - API for multi-cloud management platform by Pawel...apidays

API as a Product - SXSW 2012Delyn Simons

Recommandé

Webcast: API-Centric Architecture for Building Context-Aware AppsApigee | Google Cloud

API Centric Development in PHPJoe Stagner

Setup API Introductieannehelmond

A Connector, A Container and an API Walk into a Bar… Microservices EditionSteven Willmott

Build and Manage Serverless APIs (APIDays Nordic, May 19th 2016)3scale

I Love APIs 2015: Building Predictive Apps with Lamda and MicroServices Apigee | Google Cloud

apidays LIVE New York 2021 - API for multi-cloud management platform by Pawel...apidays

API as a Product - SXSW 2012Delyn Simons

apidays LIVE LONDON - Architecting Scalable Software Platforms for IoT Applic...apidays

apidays LIVE Jakarta - Building an Event-Driven Architecture by Harin Honesty...apidays

Red Hat Summit 2017: Building secure IoT solutionsMaggie Hu

API workshop by AWS and 3scale3scale

APIs Are Forever - How to Design Long-Lasting APIsLaunchAny

apidays LIVE Paris - Innovation and rejuvenation combined: a beneficial appro...apidays

apidays LIVE Australia 2021 - API & Event Discovery by Jason D'Souza, Nationa...apidays

Third party api integrationMetricoid Technology

apidays LIVE Paris - Bring the API culture to DevOps teams by Christophe Bour...apidays

apidays LIVE Paris - The Business of APIs by Jed Ngapidays

System Integration using Reactive Programming | Integration MondayBizTalk360

Take Control of your APIs in a Microservice Architecture3scale

Best Practices for API Design to Keep Your App Secure, Scalable & EfficientNordic APIs

APIs: What’s in it for me – How can APIs bring value to our Business (Philipp...Nordic APIs

London Adapt or Die: Opening KeynotApigee | Google Cloud

Delivering the Modern API: Know what it takesNuwan Dias

Which Application Modernization Pattern Is Right For You?Apigee | Google Cloud

apidays LIVE Jakarta - Serverless powered Low Code by Alex-Adrien Auger, Sipiosapidays

API Thinking - How to Design APIs Through Systems DesignLaunchAny

APIdays Paris 2019 - Delivering the Modern API: Know What it Takes by Nuwan D...apidays

State of the art: Server-Side JavaScript - WebWorkersCamp IV - Open World For...Alexandre Morgaut

State of the art - server side JavaScript - web-5 2012Alexandre Morgaut

Contenu connexe

Tendances

apidays LIVE LONDON - Architecting Scalable Software Platforms for IoT Applic...apidays

apidays LIVE Jakarta - Building an Event-Driven Architecture by Harin Honesty...apidays

Red Hat Summit 2017: Building secure IoT solutionsMaggie Hu

API workshop by AWS and 3scale3scale

APIs Are Forever - How to Design Long-Lasting APIsLaunchAny

apidays LIVE Paris - Innovation and rejuvenation combined: a beneficial appro...apidays

apidays LIVE Australia 2021 - API & Event Discovery by Jason D'Souza, Nationa...apidays

Third party api integrationMetricoid Technology

apidays LIVE Paris - Bring the API culture to DevOps teams by Christophe Bour...apidays

apidays LIVE Paris - The Business of APIs by Jed Ngapidays

System Integration using Reactive Programming | Integration MondayBizTalk360

Take Control of your APIs in a Microservice Architecture3scale

Best Practices for API Design to Keep Your App Secure, Scalable & EfficientNordic APIs

APIs: What’s in it for me – How can APIs bring value to our Business (Philipp...Nordic APIs

London Adapt or Die: Opening KeynotApigee | Google Cloud

Delivering the Modern API: Know what it takesNuwan Dias

Which Application Modernization Pattern Is Right For You?Apigee | Google Cloud

apidays LIVE Jakarta - Serverless powered Low Code by Alex-Adrien Auger, Sipiosapidays

API Thinking - How to Design APIs Through Systems DesignLaunchAny

APIdays Paris 2019 - Delivering the Modern API: Know What it Takes by Nuwan D...apidays

Tendances (20)

apidays LIVE LONDON - Architecting Scalable Software Platforms for IoT Applic...

apidays LIVE Jakarta - Building an Event-Driven Architecture by Harin Honesty...

Red Hat Summit 2017: Building secure IoT solutions

API workshop by AWS and 3scale

APIs Are Forever - How to Design Long-Lasting APIs

apidays LIVE Paris - Innovation and rejuvenation combined: a beneficial appro...

apidays LIVE Australia 2021 - API & Event Discovery by Jason D'Souza, Nationa...

Third party api integration

apidays LIVE Paris - Bring the API culture to DevOps teams by Christophe Bour...

apidays LIVE Paris - The Business of APIs by Jed Ng

System Integration using Reactive Programming | Integration Monday

Take Control of your APIs in a Microservice Architecture

Best Practices for API Design to Keep Your App Secure, Scalable & Efficient

APIs: What’s in it for me – How can APIs bring value to our Business (Philipp...

London Adapt or Die: Opening Keynot

Delivering the Modern API: Know what it takes

Which Application Modernization Pattern Is Right For You?

apidays LIVE Jakarta - Serverless powered Low Code by Alex-Adrien Auger, Sipios

API Thinking - How to Design APIs Through Systems Design

APIdays Paris 2019 - Delivering the Modern API: Know What it Takes by Nuwan D...

En vedette

State of the art: Server-Side JavaScript - WebWorkersCamp IV - Open World For...Alexandre Morgaut

State of the art - server side JavaScript - web-5 2012Alexandre Morgaut

State of the art: server-side javaScript - NantesJSAlexandre Morgaut

The Anatomy of Apps - How iPhone, Android & Facebook Apps Consume APIsApigee | Google Cloud

Skeuomorphs, Databases, and Mobile PerformanceApigee | Google Cloud

Visbility at the Edge - Deep Insights from Your APIApigee | Google Cloud

HTML5: The Apps, the Frameworks, the Controversy Apigee | Google Cloud

The API Facade Pattern: People - Episode 4Apigee | Google Cloud

Essential API Facade Patterns: One Phase to Two Phase Conversion (Episode 3)Apigee | Google Cloud

Crafting APIs for Mobile Apps - Everything You Need to KnowApigee | Google Cloud

Architecture appYnon Perek

voip2day 2016: mediasoup, powerful WebRTC SFU for Node.jsIñaki Baz Castillo

Essential API Facade Patterns: Synchronous to Asynchronous Conversion (Episod...Apigee | Google Cloud

Building your first Native iOs App with an API BackendApigee | Google Cloud

Driving Digital Success: Three ROI Criteria for Competitive Advantage Apigee | Google Cloud

The API Facade Pattern: Common Patterns - Episode 2Apigee | Google Cloud

Essential API Facade Patterns: Session Management (Episode 2)Apigee | Google Cloud

The Walgreens Story: Putting an API Around Their Stores (Webcast)Apigee | Google Cloud

APIs Inside Enterprise - SOA Displacement?Apigee | Google Cloud

Telco Innovation with APIs - Need for speed (Webcast) Apigee | Google Cloud

En vedette (20)

State of the art: Server-Side JavaScript - WebWorkersCamp IV - Open World For...

State of the art - server side JavaScript - web-5 2012

State of the art: server-side javaScript - NantesJS

The Anatomy of Apps - How iPhone, Android & Facebook Apps Consume APIs

Skeuomorphs, Databases, and Mobile Performance

Visbility at the Edge - Deep Insights from Your API

HTML5: The Apps, the Frameworks, the Controversy

The API Facade Pattern: People - Episode 4

Essential API Facade Patterns: One Phase to Two Phase Conversion (Episode 3)

Crafting APIs for Mobile Apps - Everything You Need to Know

Architecture app

voip2day 2016: mediasoup, powerful WebRTC SFU for Node.js

Essential API Facade Patterns: Synchronous to Asynchronous Conversion (Episod...

Building your first Native iOs App with an API Backend

Driving Digital Success: Three ROI Criteria for Competitive Advantage

The API Facade Pattern: Common Patterns - Episode 2

Essential API Facade Patterns: Session Management (Episode 2)

The Walgreens Story: Putting an API Around Their Stores (Webcast)

APIs Inside Enterprise - SOA Displacement?

Telco Innovation with APIs - Need for speed (Webcast)

Similaire à The New 3-Tier Architecture: HTML5, Proxies, and APIs

APIs for App DevelopersMarsh Gardiner

24symbolsbetabeers

Mike Taulty MIX10 Silverlight 4 Patterns Frameworksukdpe

OreDev 2008: Software + Servicesukdpe

Silverlight And .Net Ria Services – Building Lob And Business Applications Wi...rsnarayanan

Migrating Legacy On-Premise Applications to SharePoint Online and Windows AzureEric Shupps

Mike Taulty Silverlight3 Dev Days Part2ukdpe

SharePoint 2013 - Migrating Legacy On-Premise Solutions to SharePoint Online ...Eric Shupps

Flying Pixels Ent Apps Jeremy Chonerajivmordani

Application Migration & EnhancementGateway TechnoLabs Pvt. Ltd. (Gateway Group of Companies)

Dharmes Mistry Tony De Bree S O A Business Persp V1bSOA Symposium

baidu开发者大会 - Web App开发框架介绍以及分析joylite

Working with Data and Web Services in Microsoft Silverlight 2goodfriday

Building rich Single Page Applications (SPAs) for desktop, mobile, and tablet...Microsoft Developer Network (MSDN) - Belgium and Luxembourg

(ATS3-GS02) Accelrys Enterprise Platform in Enterprise ArchitecturesBIOVIA

Protecting Your APIs Against Attack & Hijack CA API Management

(ATS3-GS03) Accelrys Enterprise Platform Deeper DiveBIOVIA

Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)Shreeraj Shah

Hacking Ajax & Web Services - Next Generation Web Attacks on the RiseShreeraj Shah

Frydenberg Web20 Scu09Mark Frydenberg

Similaire à The New 3-Tier Architecture: HTML5, Proxies, and APIs (20)

APIs for App Developers

24symbols

Mike Taulty MIX10 Silverlight 4 Patterns Frameworks

OreDev 2008: Software + Services

Silverlight And .Net Ria Services – Building Lob And Business Applications Wi...

Migrating Legacy On-Premise Applications to SharePoint Online and Windows Azure

Mike Taulty Silverlight3 Dev Days Part2

SharePoint 2013 - Migrating Legacy On-Premise Solutions to SharePoint Online ...

Flying Pixels Ent Apps Jeremy Chone

Application Migration & Enhancement

Dharmes Mistry Tony De Bree S O A Business Persp V1b

baidu开发者大会 - Web App开发框架介绍以及分析

Working with Data and Web Services in Microsoft Silverlight 2

Building rich Single Page Applications (SPAs) for desktop, mobile, and tablet...

(ATS3-GS02) Accelrys Enterprise Platform in Enterprise Architectures

Protecting Your APIs Against Attack & Hijack

(ATS3-GS03) Accelrys Enterprise Platform Deeper Dive

Next Generation Web Attacks – HTML 5, DOM(L3) and XHR(L2)

Hacking Ajax & Web Services - Next Generation Web Attacks on the Rise

Frydenberg Web20 Scu09

Plus de Apigee | Google Cloud

How Secure Are Your APIs?Apigee | Google Cloud

Magazine Luiza at a glance (1)Apigee | Google Cloud

Monetization: Unlock More Value from Your APIs Apigee | Google Cloud

Apigee Demo: API Platform OverviewApigee | Google Cloud

Ticketmaster at a glanceApigee | Google Cloud

AccuWeather: Recasting API Experiences in a Developer-First WorldApigee | Google Cloud

Apigee Product Roadmap Part 2Apigee | Google Cloud

The Four Transformative Forces of the API Management MarketApigee | Google Cloud

Walgreens at a glanceApigee | Google Cloud

Apigee Edge: Intro to MicrogatewayApigee | Google Cloud

Managing the Complexity of Microservices DeploymentsApigee | Google Cloud

Pitney Bowes at a glanceApigee | Google Cloud

Microservices Done Right: Key Ingredients for Microservices SuccessApigee | Google Cloud

Adapt or Die: Opening Keynote with Chet KapoorApigee | Google Cloud

Adapt or Die: Keynote with Greg BrailApigee | Google Cloud

Adapt or Die: Keynote with Anant JhingranApigee | Google Cloud

London Adapt or Die: Lunch keynoteApigee | Google Cloud

London Adapt or Die: Closing Keynote — Adapt Now!Apigee | Google Cloud

London adapt or-die opening keynote chet kapoorApigee | Google Cloud

London Adapt or Die: Opening Keynote with Chet KapoorApigee | Google Cloud

Plus de Apigee | Google Cloud (20)

How Secure Are Your APIs?

Magazine Luiza at a glance (1)

Monetization: Unlock More Value from Your APIs

Apigee Demo: API Platform Overview

Ticketmaster at a glance

AccuWeather: Recasting API Experiences in a Developer-First World

Apigee Product Roadmap Part 2

The Four Transformative Forces of the API Management Market

Walgreens at a glance

Apigee Edge: Intro to Microgateway

Managing the Complexity of Microservices Deployments

Pitney Bowes at a glance

Microservices Done Right: Key Ingredients for Microservices Success

Adapt or Die: Opening Keynote with Chet Kapoor

Adapt or Die: Keynote with Greg Brail

Adapt or Die: Keynote with Anant Jhingran

London Adapt or Die: Lunch keynote

London Adapt or Die: Closing Keynote — Adapt Now!

London adapt or-die opening keynote chet kapoor

London Adapt or Die: Opening Keynote with Chet Kapoor

Dernier

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

Histor y of HAM Radio presentation slidevu2urc

How to convert PDF to text with Nanonetsnaman860154

TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Dernier (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Histor y of HAM Radio presentation slide

How to convert PDF to text with Nanonets

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

How to Troubleshoot Apps for the Modern Connected Worker

Automating Google Workspace (GWS) & more with Apps Script

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf

Boost PC performance: How more available memory can improve productivity

Breaking the Kubernetes Kill Chain: Host Path Mount

Factors to Consider When Choosing Accounts Payable Services Providers.pptx

08448380779 Call Girls In Friends Colony Women Seeking Men

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

Data Cloud, More than a CDP by Matt Robison

2024: Domino Containers - The Next Step. News from the Domino Container commu...

The New 3-Tier Architecture: HTML5, Proxies, and APIs

1. The New 3-Tier Architecture: HTML5, Proxies, and APIs Brian Mulloy @landlessness Kevin Swiber Apigee @kevinswiber @apigee

2. groups.google.com/group/api-craft

3. youtube.com/apigee

4. slideshare.net/apigee

5. @landlessness @kevinswiber

6. “ It’s more than a feeling -Boston

8. Agenda • Traditional 3-Tier Web Architecture • The App Revolution • The New App Architecture • How To Get Started • Questions

9. Presentation image image image

10. Logic

11. Data

12. A 3-Tier Web Architecture image image image Presentation HTTP Mobile Web Logic Binary Web Data

13. A 3-Tier Enterprise Web Architecture Presentation Mobile Web SOAP / Binary image image Logic image Binary Data Web

14.

15.

16. The New 2-Tier Architecture image image image Presentation Logic HTTP APIs Logic Data

17.

18.

19. Issues • Authentication • Authorization • Often Don’t Control APIs • Cross Origin Resource Sharing • Logic Bloat in Presentation Tier

20. The New 3-Tier Architecture image image Presentation image Mobile Web Web HTTP PROXY Tech Logic HTTP APIs Biz Logic Data

21.

22. How to get started?

23. Start with the presentation tier.

24. Look for APIs to meet app requirements.

25. You will run into issues and blockers eventually.

26. Work around blockers with the proxy.

27. Watch for bloat in the presentation tier. Move technical bloat to proxy.

28. Watch for bloat in the proxy. Move business logic bloat behind an API.

29. Move non-functional requirements from individual APIs to proxy.

30.

31. Questions?

32. THANK YOU Subscribe to API webinars at: youtube.com/apigee

33. THANK YOU IRC #api-craft on freenode

34. THANK YOU Questions and ideas to: groups.google.com/group/api-craft

35. THANK YOU Contact me at: @landlessness brian@apigee.com @kevinswiber kswiber@apigee.com @apigee

Notes de l'éditeur

Creative Commons Attribution-Share Alike 3.0 United States License
http://www.flickr.com/photos/dullhunk/202872717/Rss, ajax,mashups(lack of business models)mobile
Presentationtier is now a smart client again coordinating API calls, chaining responses, Mention CouchAppsHTML5 local storageAPIGeneral Purpose Data StoreCouchDBMongoDB w/ HTTPAmazon S3ODataUsergridSocial StuffFlickrGoogle Maps…InstagramEnterprise Stuffsalesforce.comQuickbooks Online Edition
What is a proxy?What does it do?CachingCompressionMediationAuth & AuthWhere do I find one?API FaçadeWhat Logic Goes in the Middle Tier?Technical Requirements vs. Business RequirementsWorking with APIs we don't control.
Transformations, pagination, auth