This document provides an overview of Azure App Services and demos how to use some of its features. It begins with instructions on creating an Azure account. It then defines App Services as a fully managed platform that allows building and hosting web, mobile, and API apps without managing infrastructure. Key features highlighted include auto-scaling, multiple language support, and continuous deployment. The remainder gives a deeper dive on Web Apps and includes demos of deploying .NET, Node.js, and React apps using the Azure CLI and deployment slots. It concludes by reminding attendees to remember some core Azure concepts covered.

1. Azure App Services
RIYADH
Azure Journey
2
02 February 2019
Microsoft Riyadh

2. Azure App Service
NADY
Tech Consultant
@NaadyDev
@AzureAraby
2
Riyadh Azure User Group

3. Agenda
3
◎ Create your Azure Account
◎ What is App Service?
◎ Web Apps
◎ Logic Apps
◎ API Apps
◎ Azure Functions
◎ Mobile Apps
◎ Web Apps Deep Dive
○ Deployment Methods
○ Deployment Slots
○ Demos

4. Create Azure Free Account
https://azure.microsoft.com/en-us/free
4

5. 5

6. 6

7. 7
Explore Azure
Portal
https://Portal.azure.com

8. 8
Explore Free
Services

9. 9
Where App Service belongs to?

10. What is Azure App
Service?
You don't need to worry about managing
infrastructure, just focusing on your code
and delivering business value.
10
Azure App Service is a fully managed "Platform as a
Service" (PaaS) that enables you to build and host
web apps, mobile back ends, and RESTful APIs in
the programming language of your choice without
worry about managing infrastructure.
It offers auto-scaling and high availability, supports
both Windows and Linux, and enables continues
deployments from GitHub, Azure DevOps, or any Git
repo.

11. 11
Azure App Service behind the scene
App service run on top of “Azure Service Fabric” which provide them with resources
“Azure Service Fabric Like a Resources Orchestrator”

12. 12

13. “
“Azure Web Apps is a Web server as a service”
13
Web Apps Deep Dive

14. 14
Web Apps Deep Dive
◎ Availability: SLA 99.95 %
◎ Custom Domain
◎ SSL Certificates
◎ Supported languages > .Net , Node.js , Java, PHP, Python etc..
◎ Deployment Slots
◎ Continuous Deployment
◎ Scaling Up/Out
◎ Load Balance using Traffic Management
◎ Access on-premises data (Hyper Connection)
Features

15. 15
Web Apps Deep Dive
◎ Resource
◎ Resource Group
◎ App Service Plan

16. .Net Demo 
.Net Web App Deployment
Demo Deploying .Net Web App to Azure Web App Service
16

17. React & DropBox
Demo 
React & DropBox Demo
Demo Deploying React Web App to Azure Web App Service
Using DropBox
17

18. 18
Azure CLI & Azure Cloud
ShellCommand-Line Interface
Cross-platform command-line for managing Azure Resources
Building Automation Scripts

19. NodeJs Using CLI
Demo
Deploy NodeJs Using CLI Demo
Demo Deploying NodeJs Express Web App to Azure Web App
Service Using Azure CLI
19

20. 20
Deployment Slots
Web Apps Deep Dive

21. 21
Testing in Production
Web Apps Deep Dive

22. Deployment
Slots Demo 
Deployment Slot Demo
Demo Deploying To Azure Web App Service Deployment Slot
22

23. Memorize Some Terms & Concepts
IaaS
PaaS
SaaS
Service Fabric
App Service
Deployment Slot
Resource
Resource Group
App Service Plan
23

24. 24
Thanks!
Any Questions?
@naadydev
https://docs.microsoft.com/en-us/azure/app-service