42
#azurecamp Des services en frontal Benjamin Guinebertière Technical Evangelist – DX Microsoft France http://3-4.fr , @benjguin 24 juin 2014 Maxime Luce CEO Touchify

[AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Embed Size (px)

DESCRIPTION

[AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Citation preview

Page 1: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

#azurecampDes services en frontal

Benjamin GuinebertièreTechnical Evangelist – DXMicrosoft Francehttp://3-4.fr, @benjguin

24 juin 2014

Maxime LuceCEOTouchify

Page 2: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Windows Azure Camp: nos partenairesSPONSORS MICROSOFT AZURE CAMP

Page 3: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Quelques services

NGINX, Varnish

Retour d’expérience: Touchify

Au programme

Page 4: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Network Latency

Page 5: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Azure Traffic ManagerDirect users to the service in the closest region with the Windows Azure Traffic Manager

Policies Monitoring

foo.com

DNS response

1.2.3.4

Page 6: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Content Delivery Network (CDN)

High-bandwidth global blob content delivery24 locations globally (US, Europe, Asia, Australia and South America), and growingSame experience for users no matter how far they are from the geo-location where the storage account is hosted

Blob service URL vs CDN URL:Windows Azure Blob URL: http://images.blob.core.windows.net/Windows Azure CDN URL: http://<id>.vo.msecnd.net/ Custom Domain Name for CDN: http://cdn.contoso.com/

Page 7: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Azure CDN

pic1.jpg

To Enable CDN:Register for CDN via Dev PortalSet container images to public

pic1.jpg

GEThttp://guid01.vo.msecnd.net/images/pic.1jpg

http://sally.blob.core.windows.net/images/pic1.jpg

http://sally.blob.core.windows.net/ http://guid01.vo.msecnd.net/

pic1.jpg

404

TTL Content Delivery Network

Windows Azure Blob Service

EdgeLocation

EdgeLocation

EdgeLocation

Page 8: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Application Request Routing (ARR)http://iis.net/arr

Extension d’IISReverse Proxy, Software Load Balancer, …

Composant d’Azure Web Sites

Page 12: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Vous voulez exposer un ensemble d’API ? Comment établissez-vous la communication

avec les développeurs ?

Comment réduisez-vous le TTFSC ?

Comment vous assurez-vous que votre modèle de licences est respecté ?

comment rendez-vous modernes vos API existantes ?

Comment comprenez la façon dont c’est utilisé ?

Comment protégez-vous le système exposé par les API ?

Page 13: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

API ManagementDeveloper ExperienceSelf-RegistrationSubscriptionsDocumentationConsoleIssues ForumDashboard

Admin ExperienceAPI specificationProduct managementPolicies EditorDeveloper managementContent managementConfigurable notifications

SecurityCustom developer IDSocial Developer IDAPI key authenticationBasic Authentication

Proxy & PoliciesCall and bandwidth quotasRate limitCachingHTTPSAuthenticate with BasicCORS / x-domain callsFind and replace stringRe-write URLMask URLsJSONPJSON to/from XMLSet header or parameterIP filterWildcard operations

ReportsCallsBandwidthCache hits/missesStatus codesAPI and service response timeProxy response timeFilter any report by product API Operation

Page 14: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

WINDOWS AZURE API

AZURE API

MANAGEMENT

PUBLISHER / ADMIN

DEVELOPERS

APPS

API

peut être hébergé

n’importe-où, dans n’importe

quel langage sur n’importe quelle

plate-forme

PROXY

DEVELOPER PORTAL

PUBLISHERPORTAL

Page 15: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

demo #azurecampAPI Management

Page 16: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Et côté open source ?

Nginx: serveur Web statique, reverse proxy, FastCGI,

Varnish: reverse proxy, cache en mémoire

Apache HTTP: HTTP Web Server

Page 17: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

NGINX – Varnish- Apache

Une des configurations rencontrées:

Nginx ----> Varnish ----> Apache ----> PHP ----> MySQL

Page 18: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Architecture de la démo

NGINX

NGINX

ILB

VARNISH

VARNISH

WEB SITES

WORDPRESS

LB MySQL

Azure

ARR

Page 19: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

demo #azurecamp

Nginx+ Varnish+ Azure Web Sites

Page 20: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

#azurecamp

Retour d’expérienceTouchify

Page 21: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce
Page 22: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Touch devices are everywhere

Page 23: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

But…

Page 24: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Touch Revolution

has been a

Hardware Revolution

Page 25: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce
Page 26: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce
Page 27: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce
Page 28: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

The software part of the Touch revolution

Page 29: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

DemoLet’s see the magic !

Demo

Page 30: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Two common use cases

Salesperson Events

Page 31: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Free

Web sharingPublic creation

Page 32: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Paid-for services

• Private creation

• Application Packaging• Options

• On-Demand customization

Page 33: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce
Page 34: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Microsoft Azure & Touchify

Pourquoi Microsoft Azure ?

Intégration continue

Les services essentiels pour Touchify

Page 35: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Pourquoi Microsoft Azure ?

Simplification de l’hébergement

Scalabilité

Maitrise de coûts

Gratuit avec Microsoft BizSpark

Page 36: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Intégration Continue

Visual Studio Online

Build / Test / Release

Concentration des équipes sur le code

Efficace et agile

Page 37: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Traffic Manager

Baisse considérable de la latence

Amélioration de l’expérience utilisateur

Coupler avec CDN pour les ressources statiques

Site replicator pour déployer toutes les instances en même temps

Page 38: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

ARR

Routage

Permet d’héberger une application statique dans un CDN avec HTTPS et custom domain

Permet de créer de multiple application derrière le même proxy

Test de déploiementSimplification du mécanisme de release

Page 39: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

#azurecampConclusion

Page 40: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Ressources

http://3-4.fr/24juin-apimanagement

Page 41: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Windows Azure Camp: nos partenairesSPONSORS MICROSOFT AZURE CAMP

Page 42: [AzureCamp 24 Juin 2014] Des services en frontal par Benjamin Guinebertière et Maxime Luce

Boostez votre projet cloud!

Remportez un Hands-On

avec nos spécialistes Azure le 3 juillet

Inscrivez-vous sur notre stand!