Skip to content

Files

Latest commit

 

History

History
140 lines (104 loc) · 7.22 KB

app-service-web-get-started.md

File metadata and controls

140 lines (104 loc) · 7.22 KB
title description services documentationcenter author manager editor ms.assetid ms.service ms.workload ms.tgt_pltfrm ms.devlang ms.topic ms.date ms.author
Deploy your first web app to Azure in five minutes | Microsoft Docs
Learn how easy it is to run web apps in App Service by deploying a sample app. Start doing real development quickly and see results immediately.
app-service\web
cephalin
wpickett
65c9bdd9-8763-4c56-8e15-f790992e951e
app-service-web
web
na
na
hero-article
10/13/2016
cephalin

Deploy your first web app to Azure in five minutes

This tutorial helps you deploy your first web app to Azure App Service. You can use App Service to create web apps, mobile app back ends, and API apps.

You will:

  • Create a web app in Azure App Service.
  • Deploy sample code (choose between ASP.NET, PHP, Node.js, Java, or Python).
  • See your code running live in production.
  • Update your web app the same way you would push Git commits.

[!INCLUDE app-service-linux]

Prerequisites

Note

You can Try App Service without an Azure account. Create a starter app and play with it for up to an hour--no credit card required, no commitments.

Deploy a web app

Let's deploy a web app to Azure App Service.

  1. Open a new Windows command prompt, PowerShell window, Linux shell, or OS X terminal. Run git --version and azure --version to verify that Git and Azure CLI are installed on your machine.

    Test installation of CLI tools for your first web app in Azure

    If you haven't installed the tools, see Prerequisites for download links.

  2. Log in to Azure like this:

     azure login

    Follow the help message to continue the login process.

    Log in to Azure to create your first web app

  3. Change Azure CLI into ASM mode, then set the deployment user for App Service. You will deploy code using the credentials later.

     azure config mode asm
 azure site deployment user set --username <username> --pass <password>

  4. Change to a working directory (CD) and clone the sample app like this:

     git clone <github_sample_url>

    Clone the app sample code for your first web app in Azure

    For <github_sample_url>, use one of the following URLs, depending on the framework that you like:

  5. Change to the repository of your sample app. For example:

     cd app-service-web-html-get-started

  6. Create the App Service app resource in Azure with a unique app name and the deployment user you configured earlier. When you're prompted, specify the number of the desired region.

     azure site create <app_name> --git --gitusername <username>

    Create the Azure resource for your first web app in Azure

    Your app is created in Azure now. Also, your current directory is Git-initialized and connected to the new App Service app as a Git remote. You can browse to the app URL (http://<app_name>.azurewebsites.net) to see the beautiful default HTML page, but let's actually get your code there now.

  7. Deploy your sample code to your Azure app like you would push any code with Git. When prompted, use the password you configured earlier.

     git push azure master

    Push code to your first web app in Azure

    If you used one of the language frameworks, you'll see different output. git push not only puts code in Azure, but also triggers deployment tasks in the deployment engine. If you have any package.json (Node.js) or requirements.txt (Python) files in your project (repository) root, or if you have a packages.config file in your ASP.NET project, the deployment script restores the required packages for you. You can also enable the Composer extension to automatically process composer.json files in your PHP app.

Congratulations, you have deployed your app to Azure App Service.

See your app running live

To see your app running live in Azure, run this command from any directory in your repository:

azure site browse

Make updates to your app

You can now use Git to push from your project (repository) root anytime to make an update to the live site. You do it the same way as when you deployed your code the first time. For example, every time you want to push a new change that you've tested locally, just run the following commands from your project (repository) root:

git add .
git commit -m "<your_message>"
git push azure master

Next steps

Find the preferred development and deployment steps for your language framework:

[!div class="op_single_selector"]

Or, do more with your first web app. For example: