App Service- Hands-on

  • date 14th March, 2024 |
  • by Prwatech |
  • 0 Comments

App Service- Hands-on

 
  1. Search App Services
  2. Open app services,
    1. select a subscription, resource group
    2. give name, select runtime stack
    3. select os
    4. select the app service plan, explain different plans
    5. select Dev/test - free
    6. click next,
    7. click on create
  3. click on created app service, u will get the URL pasted in the browser
  4. In-App Service, go to Development Tools
    1. click on the app service editor
    2. click on Go
    3. create one html file, write anything
    4. save it
  5. Go back to the  URL
    1. In Url, at last, add the file name, like index. html
  6. Explain, that u can use an app service plan for multiple app services
 

Now we will try to do Hands-on

 

 Search App services,

 

 

Here you can see after clicking on create – we need to add the basic details like subscription we need to select and we need to create a resource group, and we need to add the name.

 

 
  1. Now we can select where we need to select code/Docker/Static web app, as I'll be selecting code.
  2. In the runtime, stack I’ll try to select Python, but here you can see that it’s showing only Linux os
 

  If I select other programming languages like eg: java, you can both Linux and Windows we can see.  

 

Now in the database session, no need to create any datasets

 

 

In deployment also no need to change anything.

 

 

Now same in networking also, no need to change anything

   

 

In monitoring also no need to change

 

 

At last, you can review the details and click on create

 

 

Here you can see we have created the app service

 

 

Here you can see in the resources also.

   

 

By copy-pasting the domain which is shown in the above image, in the new browser we can deploy our code in this

 

 

Go to the deployment center which is shown below, on the left side

 

 

Here you can see, that, we need to add our source code

 

 

Here you can see that we can upload the source file from these which are shown below.

 

 

I’ll try to select external Git – where we need to add the repository link and branch name.

 

 

Click on save, which is shown above the settings

   

 

Here you can see I have saved.

 

 

Now we will try the o run it in the browser 

   

 

 At last, go try to delete the resources

 

 

Quick Support

image image