the new 3-tier architecture: html5, proxies, and apis

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

Upload: apigee

Post on 10-May-2015

28.969 views

Category:

Technology


1 download

TRANSCRIPT

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

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

Kevin Swiber@kevinswiber

Apigee@apigee

Brian Mulloy@landlessness

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

groups.google.com/group/api-craft

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

youtube.com/apigee

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

slideshare.net/apigee

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

@landlessness @kevinswiber

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

It’s more than a feeling“-Boston

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

Agenda

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

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

Presentation

imageimage

image

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

Logic

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

Data

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

A 3-Tier Web Architecture

Logic

Data

Presentation

Web

Mobile Web

image

image

image

Binary

HTTP

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

A 3-Tier Enterprise Web Architecture

Logic

Data

Presentation

Web

Mobile Web

image

imageimage

Binary

SOAP / Binary

Page 14: The New 3-Tier Architecture: HTML5, Proxies, and APIs
Page 15: The New 3-Tier Architecture: HTML5, Proxies, and APIs
Page 16: The New 3-Tier Architecture: HTML5, Proxies, and APIs

The New 2-Tier Architecture

Data

Presentation

Logic

Logic

image

image

image

APIs

HTTP

Page 17: The New 3-Tier Architecture: HTML5, Proxies, and APIs
Page 18: The New 3-Tier Architecture: HTML5, Proxies, and APIs
Page 19: The New 3-Tier Architecture: HTML5, Proxies, and APIs

Issues

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

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

The New 3-Tier Architecture

Data

Presentation

APIs

WebMobileWeb

Tech LogicPROXY

BizLogic

image

image

image

HTTP

HTTP

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

HTTP

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

How to get started?

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

Start with the presentation tier.

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

Look for APIs to meet app requirements.

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

You will run into issues and blockers eventually.

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

Work around blockers with the proxy.

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

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

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

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

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

Move non-functional requirements from individual APIs to proxy.

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

Questions?

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

THANK YOUSubscribe to API webinars at:

youtube.com/apigee

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

THANK YOUIRC#api-crafton freenode

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

THANK YOUQuestions and ideas to:

groups.google.com/group/api-craft

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

THANK YOUContact me at:

@[email protected]

@[email protected]

@apigee