<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Aluko Adeleke</title>
    <description>The latest articles on DEV Community by Aluko Adeleke (@javaboy).</description>
    <link>https://dev.to/javaboy</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1350510%2F60859ce2-20a3-4f68-bc88-462d34b4f86f.png</url>
      <title>DEV Community: Aluko Adeleke</title>
      <link>https://dev.to/javaboy</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/javaboy"/>
    <language>en</language>
    <item>
      <title>HOW TO CREATE A WEB APPLICATIONS USING AZURE CLI: Step-by-Step Guide.</title>
      <dc:creator>Aluko Adeleke</dc:creator>
      <pubDate>Thu, 14 Mar 2024 04:53:45 +0000</pubDate>
      <link>https://dev.to/javaboy/how-to-create-a-web-applications-using-azure-cli-step-by-step-guide-442d</link>
      <guid>https://dev.to/javaboy/how-to-create-a-web-applications-using-azure-cli-step-by-step-guide-442d</guid>
      <description>&lt;p&gt;In this article, you will learn how to implement Azure CLI command lines to build ,deploy and scale web app and API.&lt;br&gt;
The followings are the prerequisites that must be enabled on your system.&lt;br&gt;
Prerequisites &lt;br&gt;
A Microsoft Azure Account with Active Subscriptions.&lt;br&gt;
Azure CLI installed on your computer.&lt;/p&gt;

&lt;p&gt;**Follow these steps to create an Azure App Service using Azure CLI&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Login to Azure Account from Windows powershell on your computer by typing AZ LOGIN and press enter as demonstrated below&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4gty18ekklz579fnp3og.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4gty18ekklz579fnp3og.PNG" alt="Image description" width="800" height="318"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Launching this command will definately redirect you to a web page requesting you to select an active microsoft azure account&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbzbqknlkw8twvhhtnckv.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbzbqknlkw8twvhhtnckv.PNG" alt="Image description" width="800" height="356"&gt;&lt;/a&gt;&lt;br&gt;
Upon successful login , you will be asked to close the web page and continue to the powershell page where you will see the detail login to your azure account&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqs8u079ioheyvu5btjr5.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqs8u079ioheyvu5btjr5.PNG" alt="Image description" width="800" height="275"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You will receive the below replies upon successful login&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fozwpqleez7f808955ul0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fozwpqleez7f808955ul0.png" alt="Image description" width="451" height="394"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create a resource group
This resource group will house your web app(s) and other resources put together in creating you app.
The syntax for creating a resource group&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;az group create --name  --location &lt;/p&gt;

&lt;p&gt;Once you issue the command line ,an instant copy of the resource group is created in Azure which comes with an instant reply in the CLI with message "Succeeded"&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1uzxmmqvryd07qon7lt.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi1uzxmmqvryd07qon7lt.PNG" alt="Image description" width="719" height="191"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create an app service plan
App service plan is more like an operating system that hosts your web application that provides the infrastructure and resources required to run, or scale your apps.
The syntax for this command &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;az appservice plan create --name  --resource-group  &lt;br&gt;
Launching the command line below &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F88ga5unsjuxghjefmbc5.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F88ga5unsjuxghjefmbc5.PNG" alt="Image description" width="800" height="515"&gt;&lt;/a&gt;&lt;br&gt;
You will receive a succeed message indicating that you service plan has been created.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Create your webb app
The syntax to creating a web application &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;az webapp create --name  --resource-group  --plan &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9buom1m0x9mnic186o9r.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9buom1m0x9mnic186o9r.PNG" alt="Image description" width="800" height="462"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Verify that the app service create is running
two way to verify that your app is running are

&lt;ol&gt;
&lt;li&gt;CLI Command
az webapp show --name  --resource-group 
&lt;/li&gt;
&lt;li&gt;Login into Microsoft Azure account where the service are created.&lt;/li&gt;
&lt;/ol&gt;


&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;we successfully create an Azure App Service lekewebapp using Azure CLI. With Azure App Service, you can easily deploy and scale your web apps and APIs in the cloud&lt;br&gt;
Before you can deploy this app, we must configure a deployment for the app  just created and create a PUSH.&lt;br&gt;
All these can be achieve in GITHUB.&lt;br&gt;
Ensure you create an account with GITHUB.&lt;br&gt;
created a repository and an index file for your web application. Your index file must have been created using Git BASH and push to GITHUB. This is yet another prerequisite to creating a web application done by a developer.&lt;br&gt;
After successful creation of a repository, go to the code section,Copy the URL of the code .&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flfgpew90pfntqvdzxhn8.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flfgpew90pfntqvdzxhn8.PNG" alt="Image description" width="800" height="355"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;6 Configure The Deployment Source of Your Web Application&lt;br&gt;
The syntax to deploy your app &lt;/p&gt;

&lt;p&gt;az webapp deployment source config --name  --resource-group  --repo-url  --branch master --manual-integration&lt;/p&gt;

&lt;p&gt;Lets go ahead and launch the deployment &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F274zms7308cu5je3k0f9.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F274zms7308cu5je3k0f9.PNG" alt="Image description" width="800" height="297"&gt;&lt;/a&gt;&lt;br&gt;
You will get a feedbacks below upon successful deployment&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8m41ca9sc56y4ncb2gue.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8m41ca9sc56y4ncb2gue.PNG" alt="Image description" width="800" height="170"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;![Image description](&lt;a href="https://dev-to-"&gt;https://dev-to-&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnluv2w0gh3w2tlxpajam.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnluv2w0gh3w2tlxpajam.PNG" alt="Image description" width="800" height="250"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All Messages displayed while creating your web app can be viewed here&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F60twdob3k5ivzb156shj.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F60twdob3k5ivzb156shj.PNG" alt="Image description" width="800" height="258"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A deployment slot is a version of your web App that developer/cloud engineers use to test and make changes before deploying them to your production environment.&lt;/p&gt;

&lt;p&gt;Cloud engineers uses deployment slot to add new features to there website without causing any downtime.&lt;/p&gt;

&lt;p&gt;a) To create a deployment slot, go to your Web App page and scroll down to the left. Click on the deployment slot.&lt;/p&gt;

&lt;p&gt;b) On the deployment slot page, we can see that our web app is in the production state running. The traffic is also 100%&lt;/p&gt;

&lt;p&gt;c) To add a slot, click on +add slot &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxqkc0krjisd3s8jq4pzy.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxqkc0krjisd3s8jq4pzy.PNG" alt="Image description" width="800" height="272"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>hagital</category>
      <category>webdev</category>
      <category>cloudcomputing</category>
      <category>azure</category>
    </item>
  </channel>
</rss>
