AZURE APP SERVICE TO
CREATE WEB AND
MOBILE APPS
Ken Cenerelli
@KenCenerelli
Ken_Cenerelli@Outlook.com
#DevTeach, #AppService,
#Azure
ABOUT ME
Twitter: @KenCenerelli
Email: Ken_Cenerelli@Outlook.com
Blog: kencenerelli.wordpress.com
LinkedI
n:
linkedin.com/in/kencenerelli
Bio:
 Content Developer / Programmer
Writer
 Microsoft MVP - Visual Studio and
Development Technologies
 Microsoft TechNet Wiki Guru
 Co-Organizer of CTTDNUG
 Technical reviewer of multiple
booksCTTDNU
G
Ken
Cenerelli
2
Web
Apps
Mobile
Apps
API
Management
API
Apps
Logic
Apps
Notification
Hubs
Content Delivery
Network (CDN)
Media
Services
HDInsight Machine
Learning
Stream
Analytics
Data
Factory
Event
Hubs
Mobile
Engagement
Biztalk
Services
Hybrid
Connections
Service
Bus
Storage
Queues
Backup
StorSimple
Site
Recovery
Import/Export
SQL
Database
DocumentDB
Redis
Cache
Search
Tables
SQL Data
Warehouse
Azure AD
Connect Health
AD Privileged
Identity Mngt
Operational
Insights
Cloud
Services
Batch Remote App
Service
Fabric Visual Studio
Application
Insights
Azure SDK
Team Project
Active
Directory
Multi-Factor
Authentication
Automation
Portal
Key Vault
Store /
Marketplace
VM Image Gallery
& VM Depot
SECURITY &
MANAGEMENT PLATFORM SERVICES HYBRID
OPERATIONS
ONE INTEGRATED OFFERING
4
 Unique integrated offering
 Build rich, engaging & intelligent
apps
 Scale as your business grows
AzureApp Service
AZURE APP SERVICE
5
API APPS
Easily build and
consume APIs in the
cloud
WEB APPS
Web apps that scale
with your business
LOGIC APPS
Automate business
process across SaaS
and on-premises
MOBILE APPS
Build Mobile apps
for any device
6
One price
WEB APPS LOGIC APPS MOBILE APPS
APP SERVICE
API APPS
End-to-end car
dealership
example
1. Customer books
appointment
2. Service Advisor
assigns a
technician
3. Service Technician
closes out service
work
8
WEB APPS LOGIC APPS MOBILE APPS
API APPS
Customer Site Service Advisor Technician AppCustomer
Appointment
9
BENEFITS OF
APP
SERVICES
Automatic OS patching
Enterprise-grade security
High availability
 Automated scale out/in
 Built-in load balancing
Supports many languages and platforms
 .NET, Node.js, Python, PHP, Ruby and much more
Easy continuous deployment
 Continuous delivery from third-party source control
providers
 Built-in Git repo
10
WEB APPS
WEB APPS
Full capability set available
including:
• .NET, Node.js, Java, PHP, and Python
• WebJobs for long running tasks
• Integrated VS publish, remote
debug…
• CI with GitHub, BitBucket, VSO
• Auto-load balance, Autoscale, Geo
DR
• Virtual networking and hybrid
Web apps run as-is
no changes required
12
APP SERVICE WEB APP ARCHITECTURE
Microsoft Azure
Load Balancer
Runtime
Database
Application Database
API
Endpoint
Frontend (IIS ARR)
Publish Endpoint Blob Storage
File Server
Metering
Deployment
Server(s)
13
DEMO: WEB APP
14
MOBILE APPS
New capabilities for Mobile
apps:
• WebJobs for long running tasks
• CI with GitHub, BitBucket, VSO
• Auto-load balance, Autoscale, Geo
DR
• Virtual networking and hybrid
connections
• Site slots for staged deployments
• Push Notifications, Notification Hubs
Mobile services plus
a whole lot more
MOBILE APPS
AZURE MOBILE APPS
16
Storage
Authenticatio
n
Logic
Push
Scheduler
17
STRUCTURE
D STORAGE
Powered by SQL Database
Supports rich querying capabilities
Dynamic Schematization
Data management in:
 Azure Portal
 SQL Management Studio (Windows)
 REST API
 Azure CLI Tools
 SQL CLI (Node.js)
18
DEMO: MOBILE
APP
19
LOGIC APPS
New Logic Apps for easy
automation
• No code designer for rapid creation
• Drag and Drop
• Dozens of pre-built templates to get
started
• Out of box support for popular SaaS
and on-premises apps
• Use with custom API apps of your own
• BizTalk APIs for expert integration
Automate SaaS and
on-premises systems
LOGIC APPS
Concepts
• Workflow – A graphical way to model
your business processes as a series of
steps.
• Managed APIs - Created to aid you
when you are connecting to and
working with your data.
• Triggers - A trigger starts a new
instance of a workflow based on a
specific event.
• Actions - Each step after the trigger in a
workflow is called an action.
Automate SaaS and
on-premises systems
LOGIC APPS
Use simple, intuitive tools
Create crucial, reliable tasks without
coding
Integrate your mobile and web-based
apps
Connect existing apps to SaaS services
BizTalk APIs for expert integration
scenarios
• Box
• Chatter
• Delay
• Dropbox
• Azure HD Insight
• Marketo
• Azure Media Services
• OneDrive
• SharePoint
• SQL Server
• Office 365
• Oracle
• QuickBooks
• SalesForce
• Sugar CRM
• SAP
• Azure Service Bus
• Azure Storage
• Timer / Recurrence
• Twilio
• Twitter
• IBM DB2
• Informix
• Websphere MQ
• Azure Web Jobs
• Yammer
• Dynamics CRM
• Dynamics AX
• Hybrid Connectivity
• HTTP, HTTPS
• File
• Flat File
• FTP, SFTP
• POP3/IMAP
• SMTP
• SOAP + WCF
• Batching / Debatching
• Validate
• Extract (XPath)
• Transform (+Mapper)
• Convert (XML-JSON)
• Convert (XML-FF)
• X12
• EDIFACT
• AS2
• TPMOM
• Rules Engine
Connectors
Protocols BizTalk Services
25
DEMO: LOGIC
APP
26
API APPS
Easily use cloud or custom APIs:
• Dozens of built-in APIs for popular
SaaS
• An ecosystem of APIs for any need
• Create and publish custom, reusable
APIs
• Visual Studio tooling with one-click
publish and remote debugging
• Automatic client SDK generation for
many languages
Create, consume and
host APIs more easily
API APPS
28
BENEFITS OF
API APPS
Bring your API as-is
 .NET Web API
 Node.js + Express
 Java
 PHP
 Many other technologies
Connect easily to SaaS platforms
CONSUMING API APPS
API Apps expose HTTP services
Metadata is exposed using Swagger 2.0
metadata
 JSON file
 Widely supported
Client applications
29
30
DEMO: API APP
31
CONTINUOUS DELIVERY
WITH APP SERVICE
CONTINUOUS INTEGRATION
32
CONTINUOUS DEPLOYMENT FOR
WEB APPSWeb App
Production
Slot
Source Control / Code RepoWeb App
Staging Slot
Commits
Agility through Continuous Deployment
Auto-Swap
Changes
Hooks
Git pull
Developer
STAGING
STAGING
STAGING
STAGING
SOURCE CONTROL FOR
WEB/API/MOBILE APPS
GitHubVisual Studio
Online
Git BitBucketCodePlex DropBox FTP
Choose your own adventure!
39
PRICING
APP SERVICE PLANS
40
An App Service Plan represents a set of
features and capacity that you can share
across multiple apps in Azure App Service,
including Web Apps, Mobile Apps, Logic
Apps or API Apps.
APP SERVICE PLAN PRICING TIERS
41
SUMMARY
 Run mission-critical web and mobile apps
 Scales with your business
 Focus on what’s important to you and your application
 Let Microsoft take care of the infrastructure
42
RESOURCES
 Try Azure App Service : tryappservice.azure.com
 Code Samples: azure.microsoft.com/en-us/documentation/samples
 Docs & Tutorials: azure.microsoft.com/en-
us/documentation/services
 Best Practices: azure.microsoft.com/en-
us/documentation/articles/app-service-best-practices
43
QUESTIONS?
44
@KenCenerelli
Ken_Cenerelli@Outlook.
com
Please complete the session evaluation to win
prizes!
CLD212: Azure App Service to Create Web and Mobile
Apps
45Credit:

Azure app service to create web and mobile apps

  • 1.
    AZURE APP SERVICETO CREATE WEB AND MOBILE APPS Ken Cenerelli @KenCenerelli Ken_Cenerelli@Outlook.com #DevTeach, #AppService, #Azure
  • 2.
    ABOUT ME Twitter: @KenCenerelli Email:Ken_Cenerelli@Outlook.com Blog: kencenerelli.wordpress.com LinkedI n: linkedin.com/in/kencenerelli Bio:  Content Developer / Programmer Writer  Microsoft MVP - Visual Studio and Development Technologies  Microsoft TechNet Wiki Guru  Co-Organizer of CTTDNUG  Technical reviewer of multiple booksCTTDNU G Ken Cenerelli 2
  • 3.
    Web Apps Mobile Apps API Management API Apps Logic Apps Notification Hubs Content Delivery Network (CDN) Media Services HDInsightMachine Learning Stream Analytics Data Factory Event Hubs Mobile Engagement Biztalk Services Hybrid Connections Service Bus Storage Queues Backup StorSimple Site Recovery Import/Export SQL Database DocumentDB Redis Cache Search Tables SQL Data Warehouse Azure AD Connect Health AD Privileged Identity Mngt Operational Insights Cloud Services Batch Remote App Service Fabric Visual Studio Application Insights Azure SDK Team Project Active Directory Multi-Factor Authentication Automation Portal Key Vault Store / Marketplace VM Image Gallery & VM Depot SECURITY & MANAGEMENT PLATFORM SERVICES HYBRID OPERATIONS
  • 4.
    ONE INTEGRATED OFFERING 4 Unique integrated offering  Build rich, engaging & intelligent apps  Scale as your business grows AzureApp Service
  • 5.
    AZURE APP SERVICE 5 APIAPPS Easily build and consume APIs in the cloud WEB APPS Web apps that scale with your business LOGIC APPS Automate business process across SaaS and on-premises MOBILE APPS Build Mobile apps for any device
  • 6.
  • 7.
    WEB APPS LOGICAPPS MOBILE APPS APP SERVICE API APPS End-to-end car dealership example 1. Customer books appointment 2. Service Advisor assigns a technician 3. Service Technician closes out service work
  • 8.
    8 WEB APPS LOGICAPPS MOBILE APPS API APPS Customer Site Service Advisor Technician AppCustomer Appointment
  • 9.
    9 BENEFITS OF APP SERVICES Automatic OSpatching Enterprise-grade security High availability  Automated scale out/in  Built-in load balancing Supports many languages and platforms  .NET, Node.js, Python, PHP, Ruby and much more Easy continuous deployment  Continuous delivery from third-party source control providers  Built-in Git repo
  • 10.
  • 11.
    WEB APPS Full capabilityset available including: • .NET, Node.js, Java, PHP, and Python • WebJobs for long running tasks • Integrated VS publish, remote debug… • CI with GitHub, BitBucket, VSO • Auto-load balance, Autoscale, Geo DR • Virtual networking and hybrid Web apps run as-is no changes required
  • 12.
    12 APP SERVICE WEBAPP ARCHITECTURE Microsoft Azure Load Balancer Runtime Database Application Database API Endpoint Frontend (IIS ARR) Publish Endpoint Blob Storage File Server Metering Deployment Server(s)
  • 13.
  • 14.
  • 15.
    New capabilities forMobile apps: • WebJobs for long running tasks • CI with GitHub, BitBucket, VSO • Auto-load balance, Autoscale, Geo DR • Virtual networking and hybrid connections • Site slots for staged deployments • Push Notifications, Notification Hubs Mobile services plus a whole lot more MOBILE APPS
  • 16.
  • 17.
    17 STRUCTURE D STORAGE Powered bySQL Database Supports rich querying capabilities Dynamic Schematization Data management in:  Azure Portal  SQL Management Studio (Windows)  REST API  Azure CLI Tools  SQL CLI (Node.js)
  • 18.
  • 19.
  • 20.
    New Logic Appsfor easy automation • No code designer for rapid creation • Drag and Drop • Dozens of pre-built templates to get started • Out of box support for popular SaaS and on-premises apps • Use with custom API apps of your own • BizTalk APIs for expert integration Automate SaaS and on-premises systems LOGIC APPS
  • 21.
    Concepts • Workflow –A graphical way to model your business processes as a series of steps. • Managed APIs - Created to aid you when you are connecting to and working with your data. • Triggers - A trigger starts a new instance of a workflow based on a specific event. • Actions - Each step after the trigger in a workflow is called an action. Automate SaaS and on-premises systems LOGIC APPS
  • 22.
    Use simple, intuitivetools Create crucial, reliable tasks without coding Integrate your mobile and web-based apps Connect existing apps to SaaS services BizTalk APIs for expert integration scenarios
  • 24.
    • Box • Chatter •Delay • Dropbox • Azure HD Insight • Marketo • Azure Media Services • OneDrive • SharePoint • SQL Server • Office 365 • Oracle • QuickBooks • SalesForce • Sugar CRM • SAP • Azure Service Bus • Azure Storage • Timer / Recurrence • Twilio • Twitter • IBM DB2 • Informix • Websphere MQ • Azure Web Jobs • Yammer • Dynamics CRM • Dynamics AX • Hybrid Connectivity • HTTP, HTTPS • File • Flat File • FTP, SFTP • POP3/IMAP • SMTP • SOAP + WCF • Batching / Debatching • Validate • Extract (XPath) • Transform (+Mapper) • Convert (XML-JSON) • Convert (XML-FF) • X12 • EDIFACT • AS2 • TPMOM • Rules Engine Connectors Protocols BizTalk Services
  • 25.
  • 26.
  • 27.
    Easily use cloudor custom APIs: • Dozens of built-in APIs for popular SaaS • An ecosystem of APIs for any need • Create and publish custom, reusable APIs • Visual Studio tooling with one-click publish and remote debugging • Automatic client SDK generation for many languages Create, consume and host APIs more easily API APPS
  • 28.
    28 BENEFITS OF API APPS Bringyour API as-is  .NET Web API  Node.js + Express  Java  PHP  Many other technologies Connect easily to SaaS platforms
  • 29.
    CONSUMING API APPS APIApps expose HTTP services Metadata is exposed using Swagger 2.0 metadata  JSON file  Widely supported Client applications 29
  • 30.
  • 31.
  • 32.
  • 33.
    CONTINUOUS DEPLOYMENT FOR WEBAPPSWeb App Production Slot Source Control / Code RepoWeb App Staging Slot Commits Agility through Continuous Deployment Auto-Swap Changes Hooks Git pull Developer
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
    SOURCE CONTROL FOR WEB/API/MOBILEAPPS GitHubVisual Studio Online Git BitBucketCodePlex DropBox FTP Choose your own adventure!
  • 39.
  • 40.
    APP SERVICE PLANS 40 AnApp Service Plan represents a set of features and capacity that you can share across multiple apps in Azure App Service, including Web Apps, Mobile Apps, Logic Apps or API Apps.
  • 41.
    APP SERVICE PLANPRICING TIERS 41
  • 42.
    SUMMARY  Run mission-criticalweb and mobile apps  Scales with your business  Focus on what’s important to you and your application  Let Microsoft take care of the infrastructure 42
  • 43.
    RESOURCES  Try AzureApp Service : tryappservice.azure.com  Code Samples: azure.microsoft.com/en-us/documentation/samples  Docs & Tutorials: azure.microsoft.com/en- us/documentation/services  Best Practices: azure.microsoft.com/en- us/documentation/articles/app-service-best-practices 43
  • 44.
    QUESTIONS? 44 @KenCenerelli Ken_Cenerelli@Outlook. com Please complete thesession evaluation to win prizes! CLD212: Azure App Service to Create Web and Mobile Apps
  • 45.

Editor's Notes

  • #5 App Service is a platform-as-a-service (PaaS) offering of Microsoft Azure Websites and Mobile Services became Web Apps and Mobile Apps
  • #6 App Service has everything you need to build apps that target both web and mobile clients from a single app back-end. Using API Apps, you can connect your app to dozens of popular services like Office 365 and salesforce.com in minutes, and integrate your own APIs so they can be used within any app. And finally with Logic Apps, you can automate business processes using a simple no-code experience.
  • #8 Azure runs your apps on fully managed virtual machines (VMs), with your choice of shared VM resources or dedicated VMs
  • #12 App Service Web Apps is a fully managed compute platform that is optimized for hosting websites and web applications The compute resources may be on shared or dedicated virtual machines (VMs), depending on the pricing tier that you choose Your application code runs in a managed VM that is isolated from other customers
  • #17 Speaking Notes Azure Mobile Apps is a Backend-as-a-Service Instead of you having to design, build, test, deploy, manage, and upgrade your whole backend Azure does it for you Features of Mobile Services Storage – SQL DB Authentication – built-in support for social providers w/ ability to do custom auth Backend logic – data validation, logical flows, etc. Push Notifications – across all major mobile platforms Scheduler – backend job processing
  • #18 Speaking points Mobile Services easily connects to SQL Database SQL offers rich querying and indexing capabilities Dynamic Schematization means you don’t have to be a DBA and manage schema Data can be managed in: Azure Portal (read and delete data) SQL Portal (Silverlight) SQL Management Studio (Windows) REST API (used by SDKs) Azure CLI tools SQL CLI (Node module)
  • #21 Automate business process execution and workflow using an easy-to-use visual designer Logic Apps are the connectors to APIs and puts it in a business workflow that can scale Example: automatically find negative tweets and send them to a slack channel. Business processes and things that change often; might live in BizTalk
  • #22 Automate business process execution and workflow using an easy-to-use visual designer Logic Apps are the connectors to APIs and puts it in a business workflow that can scale Example: automatically find negative tweets and send them to a slack channel. Business processes and things that change often; might live in BizTalk
  • #24 Design workflows that start from a trigger and then execute a series of steps
  • #28 Offer features that make it easier to develop, host, and consume APIs in the cloud and on-premises API Apps are for Twitter, Dropbox; uses open standards Swashbuckle adds Swagger to APIs; installed automatically API Apps get generated as NuGet packages Bring the API out of NuGet then I host that instance; control when to update it; scale it; choose to auto update it - will go live it by itself API Apps run in your portal (Slack, Twitter); I need to manage it Publish Target Microsoft Azure API Apps (10 free apps like before)
  • #29 Don't have to change any of the code in your existing APIs to take advantage of API Apps API Apps and Azure API Management are complementary services API Management is about managing APIs; put an API Management front end on an API; APIs can be hosted anywhere API Apps is about hosting APIs; doesn't do monitoring, throttling, or manipulatingthat API Management does
  • #30 Swagger is a simple yet powerful representation of your RESTful API
  • #33 Testing and staging environments A/B testing
  • #42 An app in App Service can be associated with only one App Service plan at any given time. Both apps and plans are contained in a resource group. A resource group serves as the life-cycle boundary for every resource contained within it Multiple App Service plans in a single resource group allows you to allocate different apps to different physical resources