<commit_before>
Create an app with a mobile and web client in Azure App Service
=======================================================================================
Mobile Apps in Azure App Service offer a highly scalable, globally available mobile application development platform for Enterprise Developers and System Integrators that brings a rich set of capabilities to mobile apps.

Mobile Apps help you build native and cross platform apps, connect to your enterprise systems, connect to SaaS APIs easily, build offline-ready apps with sync and push Notifications to millions in seconds.

In this lab, you create an App Service API app, deploy an ASP.NET Web API to the API app, and consume the API app from an AngularJS Web client. 

This lab includes the following tasks:

* [Create a App Service Mobile App Portal](#create-a-app-service-mobile-app-portal)
* [Overview of the Sample application] (#overview-of-the-sample-application)
* [Publish a ContactList Web Api](#publish-a-ContactList-web-api)
* [Publish a ContactList web client UI](#publish-a-ContactList-web-client-ui)

<a name="create-a-app-service-mobile-app-portal"></a>
## Create a App Service Mobile App in Portal


In this section, you will create a Azure App Service Mobile App backend. 

1. Log into the [Azure Portal](https://portal.azure.com/). In the top left the window, click **+NEW**. 

2. Click **Web + Mobile** and then click **Mobile App**.

3. Enter **App Service Name**. Select **Subscription**. Select/Create **Resource Group**. Select/Create **App Service Plan**.

   ![](./images/creating-portal.PNG)

4. Click **Create**.

<a name="#overview-of-the-sample-application"></a>
## Overview of the Sample application

The code that you'll deploy to an API app and a web app for this tutorial is in the Azure-Samples/app-service-api-dotnet-contact-list GitHub repository. The ContactsList Visual Studio solution includes the following projects used in this tutorial:

ContactsList.API - An ASP.NET Web API project that returns a list of names and email addresses. The initial call to the Get method returns 3 hard-coded contacts, then subsequent calls to Put, Post, and Delete methods save changes in a local JSON file.

ContactsList.Angular - An AngularJS client, for demonstrating CORS support.

1. Download the sample application:
	
	>Download the Azure-Samples/app-service-api-dotnet-contact-list repository.

2. You can Download a .zip file or clone the repository on your local machine.

3. Open the ContactsList solution in Visual Studio 2015 or 2013.

4. Build the solution to restore the NuGet packages.

### Use Swagger metadata and UI

In this section of the tutorial you take a look at the generated Swagger 2.0 metadata, and then you try out a test UI that is based on the Swagger metadata.<commit_msg>changed the solution file details<commit_after>
Create an app with a mobile and web client in Azure App Service
=======================================================================================
Mobile Apps in Azure App Service offer a highly scalable, globally available mobile application development platform for Enterprise Developers and System Integrators that brings a rich set of capabilities to mobile apps.

Mobile Apps help you build native and cross platform apps, connect to your enterprise systems, connect to SaaS APIs easily, build offline-ready apps with sync and push Notifications to millions in seconds.

In this lab, you create an App Service API app, deploy an ASP.NET Web API to the API app, and consume the API app from an AngularJS Web client. 

This lab includes the following tasks:

* [Create a App Service Mobile App Portal](#create-a-app-service-mobile-app-portal)
* [Overview of the Sample application] (#overview-of-the-sample-application)
* [Publish a ContactList Web Api](#publish-a-ContactList-web-api)
* [Publish a ContactList web client UI](#publish-a-ContactList-web-client-ui)

<a name="create-a-app-service-mobile-app-portal"></a>
## Create a App Service Mobile App in Portal


In this section, you will create a Azure App Service Mobile App backend. 

1. Log into the [Azure Portal](https://portal.azure.com/). In the top left the window, click **+NEW**. 

2. Click **Web + Mobile** and then click **Mobile App**.

3. Enter **App Service Name**. Select **Subscription**. Select/Create **Resource Group**. Select/Create **App Service Plan**.

   ![](./images/creating-portal.PNG)

4. Click **Create**.

<a name="#overview-of-the-sample-application"></a>
## Overview of the Sample application

The code that you'll deploy to an API app and a web app for this tutorial is in the Azure-Samples/app-service-api-dotnet-contact-list GitHub repository. The ContactsList Visual Studio solution includes the following projects used in this tutorial:

ContactsList.API - An ASP.NET Web API project that returns a list of names and email addresses. The initial call to the Get method returns 3 hard-coded contacts, then subsequent calls to Put, Post, and Delete methods save changes in a local JSON file.

ContactsList.Angular - An AngularJS client, for demonstrating CORS support.

1. Download the sample application:
	
	>Download the solution from [/source/ContactList](https://github.com/opsgility/DevCamp/tree/master/HOL/build-mobile-app-with-web-client/source/ContactList).

2. You can Download a .zip file or clone the repository on your local machine.

3. Open the ContactsList solution in Visual Studio 2015 or 2013.

4. Build the solution to restore the NuGet packages.

### Use Swagger metadata and UI

In this section of the tutorial you take a look at the generated Swagger 2.0 metadata, and then you try out a test UI that is based on the Swagger metadata.
{'fraction_non_alphanumeric': 0.10625986322987901, 'fraction_numerical': 0.006663159740487463, 'mean_word_length': 4.500482160077145, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 3, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6262685', 'n_tokens_mistral': 1497, 'n_tokens_neox': 1413, 'n_words': 750}