DEV Community: joseph4real

Steps to Create a Consumption workflow in Azure logic app resource

joseph4real — Thu, 20 Jul 2023 12:19:23 +0000

In this blog, I will be discussing how to create an automated workflow that combine two services: an RSS feed and an email account.

I will describe Server-less in Azure, Azure Function App Vs. Logic App, RSS Connector and RSS Feed.

Server-less in Azure: Based on Azure Documentation, server-less computing enables cloud developers to build applications faster by eliminating the need for them to manage infrastructure. It shifts developers focus towards writing and executing code, relieving them from the responsibility of managing the underlying infrastructure. Though Servers are still running the code, The serverl-ness name comes from the fact that the tasks associated with infrastructure provisioning and management are invisible to the developer.

Difference Between Logic App and Azure functions
Azure Function: Azure Functions is a serverless compute service that allows you to execute small code or functions in response to various triggers or events, examples are HTTP requests, timers, messages from queues, events from event hubs, etc. You write and deploy your code and Azure takes care of scaling and managing the infrastructure required to run your functions.

Logic Apps: Azure Logic Apps are serverless workflow and orchestration tools. It enables one to create and automate workflows and business processes by connecting various services, connectors, systems, and applications. Logic Apps provide a designer toolbar to build workflows using a wide range of connectors and actions, allowing you to focus on defining the logic and integration without worrying about the infrastructure.

RSS Connector: RSS stands for "Really Simple Syndication." It's a technology that allows websites to distribute their content in a standardized format. An RSS connector acts as a link between the website and you the reader. When you subscribe to an RSS feed of a website using an RSS connector, the connector keeps an eye on that website for you. It constantly checks for any updates or new content. When the website publishes something new, the RSS connector immediately notifies you.

RSS Feed: An RSS feed is an online file that contains details about every piece of content a website has published. Each time a site publishes a new piece of content, details about that content—including the full-text of the content or a summary, publication date, author, link, etc.—are automatically generated in the file and displayed in reverse chronological order. It's an easy way to stay up to date with your favourite websites, such as blogs or online magazines.

Creating Consumption Logic App Workflow
In this demo, I will use the RSS connector and the Microsoft Outlook connector. The RSS connector provides a trigger that checks an RSS feed, based on the specified schedule. The Microsoft Outlook connector provides an action that sends an email for each new item.

a. Sign into azure portal.
b. In the search box, search for logic app, and click logic app.

c. On the Logic app page, click add. On the create logic app page, adopt the below project details as specified in the following “Logic app page”: the subscription name, resource group, logic app name, region. Make sure you enable log analytics.

NOTE
Type of plans
Standard: This is a logic app resource plan, its the default selection and supports multiple workflows. These workflows run in single-tenant Azure Logic Apps and use the Standard billing model. Best for enterprise-level, serverless applications, with event-based scaling and networking isolation.

Consumption: This logic app resource type is the alternative selection and supports only a single workflow. This workflow runs in multi-tenant Azure Logic Apps and uses the Consumption billing model. Best for entry-level. Pay only as much as your workflow runs.

Zone Redundance is not highlighted because the region I choose does not support availability zone.
Enable log analytics is “No” because Im not enabling diagnostic logging. It appears only when consumption is selected.

d. Click Review + Create, after validation is passed, select Create.
e. After successive deployment, select go to resource, and select your logic app resource.

Selecting the Template
a. The my logic app Coms comes with various common designer triggers, but I will be choosing a blank template. Under template select Blank Logic App.

b. Shows template with empty workflow.

Add a trigger
A workflow always starts with a single trigger, which specifies the condition to meet before running any subsequent actions in the workflow. Each time the trigger fires, Azure Logic Apps creates and runs a workflow instance. If the trigger doesn't fire, no workflow instance is created or run. Azure Logic Apps includes hundreds of connectors with triggers that you can use to start your workflow.

I will be using an _RSS trigger _that checks an RSS feed, based on the specified schedule. If a new item exists in the feed, the trigger fires, and a new workflow instance is created and run. If multiple new items exist between checks, the trigger fires for each item, and a separate new workflow instance runs for each item. By default, workflow instances created at the same time also run at the same time, or concurrently.
a. Select All, search for RSS in the search box, from the trigger list select RSS trigger name When a feed item is published.

Get an RSS URL
I will be fetching my rss in The Wall Street Journal url from the web browser.
a)Right-click on the page and click on "view page source"

b. Once the source code opens press Cont F to search for rss, then copy the rss feed to your the RSS feed URL below.

c. Go with the following information in the RSS trigger below shown in yellow.

d. Save your workflow and Collapse the details window of the trigger info, by clicking the arrow point below.

Add an Action
The trigger above only checks the RSS feed without taking any action. I will be adding an action that will run whenever something is triggered.
An action is any subsequent step that runs some operation in the workflow, action can use the output from the previous step to trigger the next or another action. Many different action can be choosing, including multiple action up to what the limit per workflow.
Here I will use Office 365 Outlook action the sends a mail each time thet the trigger is fires for a new RSS feed item.
a. Select + New step under the When a feed item is published trigger.

b. Search for send a mail in the search box, and select Office 365 Outlook, if you have a personal account, select Outlook.com. Here I went with outlook.

Note: If you use a different supported email service in your workflow, the user interface might look slightly different.
c. After selecting Office 365, the Actions statement send an email comes up, then select it.

d. You will be prompted to sign in and authenticate your identity.

e. Accept the permission settings.

NOTE: Many connectors require you first create a connection and authentication before you continue, but this demo example uses login authentication for connecting to Office 365. Moreover, other types of services might support, use different authentication types. Based on the scenario, you can handle connection authentication in various ways.

f. This window Send an email action comes up after you signed in, please specify the following information in the mail.
To box: enter the receiver email address (joseph4real4u@live.com
Subject box: enter email subject (News RSS Item) and
Click Add dynamic content list, to select Feed title.

The Feed title is a trigger output that reference the title for the RSS item, your email uses this output to show the RSS item title. If no outputs appear from When a feed item is published trigger, please click see more.
g. The email subject capture looks like this below when you are done.

NOTE: a for each loop that appear on the designer, the designer automatically added the loop around the action that reference the output, to remove it click the three dots and delete.

h. Enter your email content in the body as shown below:
Type Title in the body with a space click on add dynamic content and select Feed Title. Do same for Date published and Link.

i. Once done click save.

Run your workflow
To check that the workflow runs correctly, you can wait for the trigger to check the RSS feed based on the specified schedule. Or you can manually run the workflow from the designer toolbar.
a. Click on the Run Trigger on the designer toolbar.

b. If My logic app trigger was successive, trigger will be fired. Click on successfully checked the trigger on the notification to see the Run History and trigger history.

c. If status is succeeded in Run history, go to _trigger history**_.

d. On _trigger history _and select the trigger that was successfully fired.

f. From the Run identifier are more details to see the action that happens.

g. Base on the RSS feed new items, the workflow sends an email for each new item every minute as you have schedule it. Find below item sent by the logic app.

h. Once you're done, to avoid excessive charge delete your logic app resource group on the Azure portal, because whenever your app runs, you will be charge.

How to create a Function App in Azure, Create and Publish the app Code from VS to Azure and push the app files to GitHub

joseph4real — Wed, 12 Jul 2023 12:52:00 +0000

In this blog, I will be showing you how to create a function app in Azure, use Visual Studio to create/write the function app code with https trigger, publish the app code to azure through Visual Studio. Furthermore, I will be pushing the app files to GitHub from Visual Studio and formatting the Readme.

Contents
• Create Function App in Azure
• Create Function App Code and Publish to Azure
• Publish the code to Azure
• Testing the App by doing some Calculation
• Pushing Function App Files to GitHub from Visual Studio
• Formatting Readme

Create Function App in Azure
a. Search for a function app in the search bar and select function app as seen below.

b. On the basic page adopt the below project details as specified in the following “Function App name- JoeCalculator”,

On the hosting page, Select Window OS and Consumption Plan (serverless hosting where you only pay when app runs), seen below.

c. Choose default settings for Networking, Monitoring, Deployment and Tag. Under Deployment, the GitHub is disable so I will be creating a new GitHub repo from visual studio.

d. Select "Review + create" to review the app configuration selections. After validation is passed click create deploy the function app.

e. When deployment is complete, click go to resource.

f. Click function to view your function app, this is where you will create your function app or where your function app will be after creating it. I will not create it here, I will be creating it in visual studio, then push it here.

Create Function App Code and Publish to Azure
a. Open visual studio, create a new project, select azure function, and click next.

b. Give your project a name and click next.

c. Select .NET 6, choose http trigger and click create.

d. Edit your code in visual studio environment as shown below. Replace the class “function1” and function attribute with the “Sum”, delete line 22 to 30 and replace with the code shown in yellow and build the code.

The code was successively built.

Publish the code to Azure
a. Right click JoecalculatorFunc and click publish, then select Azure, and click next.

b. Select Azure function app (windows) and click next.

c. You will need to Login to your Azure account, see the capture below after successfully login in.

d. Expand and select your function app and click finish.

e. Below capture details show the function app is ready to be published.

f. See the capture below After successful publishing.

This is output after successive publishing.

g. From the azure portal, you can see that the function app has been published/deployed.

Testing the App by doing some Calculation
a. Click on the Function App “Sum” and click the “Get Function URL” to copy the App URL.

b. Paste the URL into browser, give “x” and “y” values as shown in the capture and click enter.

c. After the*” two equals to sign”, add *(&=x=230&y=890)** and press enter.

d. The sum of 230 and 890 is 1120, this shows Function App calculation is correct.

Pushing Function App Files to GitHub from Visual Studio
a. Click on git changes by the right bottom side of the VS screen.

b. Select create git repository.

c. The create a Git repo window will appear, enter your repo name and description, uncheck private, and click create and push.

d. After you have succeeded in pushing, the visual studio right side screen will appear as below. This show a new repository has been created.

e. Go to your Github account to confirm if you have successfully created and push your files.

Formatting ReadMe

Lists of Common Linux Commands

joseph4real — Fri, 07 Jul 2023 14:51:47 +0000

sudo su command: - is often used to switch to the superuser or root account to perform administrative tasks. This command stands for “superuser do,” and it lets you act as a superuser or root user while you’re running a specific command. It’s how Linux protects itself and prevents users from accidentally modifying the machine’s filesystem or installing inappropriate packages. Sudo is commonly used to install software or to edit files outside the user’s home directory: It’ll ask you for the administrator’s password before running the command you typed after it.

apt update command:-The command apt-get update is used to update the package index files on the system, which contain information about available packages and their versions. It downloads the most recent package information from the sources listed in the "/etc/apt/sources. list" file that contains your sources list. To update the packages using apt-get update use the following command:
apt-get update/apt update

apt install : - This command allows you to install packages from the distribution's software repositories. After typing "apt install," you would typically provide the name of the package you wish to install. For example, to install the "nginx" package, you would use the following command:
apt install azure-cli

ls Command:-ls is probably the first command every Linux user typed in their terminal. It allows you to list the contents of the directory you want (the cucd rrent directory by default), including files and other nested directories.

pwd Command:-The pwd command stands for “print working directory,” and it outputs the absolute path of the directory you’re in. For example, if your username is “john” and you’re in your Documents directory, its absolute path would be: /home/john/Documents.

cd Command:- It refers to “change directory” and, as its name suggests, switches you to the directory you’re trying to access. The cd command is highly popular, along with ls. For instance, if you’re inside your Documents directory and you’re trying to access one of its subfolders called Documents, you can enter it by typing:
cd Desktop

You can also supply the absolute path of the folder
cd /home/joeubuntu/Documents

There are some tricks with the cd command that can save you a lot of time when playing around with it:
1) Go to the home folder: type cd+one space
Cd

2) Move a level up: documents folder is removed from /home/joeubuntu/Documents
cd ..

3) Return to the previous directory
cd –

mkdir Command:- The command is use to create folders, i.e to make directory folder. Just specify the new folder’s name, ensure it doesn’t exist, and you’re ready to go. For example, to make a directory to keep all of your images, just type:
mkdir Films/

To create subdirectories with a simple command, use the parent (-p) flag:
mkdir -p Films/2004/

Vim Command :- it’s a command use to create, make and edit a next file. To create a file use
To make a file and Edit (follow the below description)
a. Input vim my name (my name text doc created).

b. To edit:- Blank space will be opened, press “I” on the keyboard to enable “editing” i.e. INSERT texts to the file.

c. Press the ESC button to leave the inert mode.
d. To save, press Shift colon and type :wq and enter. File saved,

e. To exit or quit. Do control C, then type :qa and enter
Note: touch and nano commands can also be used to create txt files in Linux.

Touch :- to create a file: use touch file1.txt file2.txt file3.txt

cp Command:- It’s use to copy files and folders directly from one directory to another. In the Linux terminal, sometimes it can replace conventional file managers. To use the cp command, just type it along with the source and destination files:
cp my.txt file1.txt

The command “cp” copy content (this how to use vim) from file “my” to “file1.txt”.
cp file1.txt tests

The command above copied text file file1.txt to tests folder.

rm Command:- You can use the rm command to remove files and directories. Be careful while using it, though, because it’s very difficult (yet not impossible) to recover files deleted this way.
To delete a regular file, you’d type:
rm file2.txt

If you want to delete an empty directory, you can use the recursive (-r) flag:
rm -r Films/

On the other hand, to remove a directory with content inside of it, you need to use the force (-f) and recursive flags:
rm -rf tests/
Tests dir with content*_ file1.txt_*

No more tests directory.

cat Command:- Use to view the contents of a text file.
Cat

Exit command:- use to terminate terminal current section and return to the root environment.

Clear command:- its use to clear screen or the terminal content.

After executing the clear command.

History command:- its to display lists of already executed commands, i.e. previous commands executed.

   LETTER OF CONGRATULATION TO MYSELF

How to Create an Index file in Gitbash and Push it to Gitgub

joseph4real — Sun, 02 Jul 2023 18:00:38 +0000

In this blog I will be using Gitbash, a command line interface to create an in-index html file and push it to the githup repository.

Configure your environment
a. Enter this command: git config –global user.name , press enter.
b. Enter also: git config –global user.email , press enter.

Make directory/ Create a folder
c. Make and change into the directory by Input the command below:
mkdir joseweb and cd joeweb.

d. Initialize your new git repo in the working directory you created above using the this command: git init.

e. Create an html file (index.html) by inputing this command:
Touch index.html

f. Input code into the html file using this command: vi
A blank space will be opened, right click and paste your html code into the git blank space, continue by pressing escape key., and: wq to save and close the index.html file.

h. View you code by typing this command: cat ..

Create the Repository in github
You will need to create a repo to house your file using you github account
a. On the githuB page click on create new repo.

b. Enter the repository name, give theit a description, select public, initialize by checking add a README file, then click on create repository.

c. On the repo page, click on Code and copy link under HTTPS.

d. After successfully creating the repository, copy the HTTPs URL into the Gitbash.

Push to Github
a. To add the repo created in the githug into the gitbas we use the command: git remote add origin, followed by the remote name (origin) and the URL:
Git remote add origin

b. Add the index file and press enter with this command: Git add index.html. type git status to check if the html file has been added.

c. Create a new commit in your git repo with a commit message using this command git commit -m . Check again by using git status.

d. You can then use this command git push origin master to push the commit from the local master branch (i.e. index file from your loacal system) to the remote repo (githup repo) being specified by the name origin.

On the execution of the command above, your loacal commit (index file) will be uploaded to the github repo in your master as shown in the generated result above.
e. On your githb repo, “you will see master had recently been pushed” i.e. the commit you just push, see main as default branch. Select master and you will be able to view the index.html you pushed.

NOTE: The capture above shows the index.html file and the commit message inputted from gitbash, this shows file was successfully pushed to repo.
f. Open the index.html to verify the content.

Conclusion:-The blog shows that the web contents (html code) has successfully been pushed from gitbash command line interface to the github repository.

How to Create Azure Resource (e.g. Linux VM) using the Quickest Method

joseph4real — Sun, 02 Jul 2023 17:23:05 +0000

The blog post is about using the fastest or quickest way of creating a Virtual Machine. The fastest way to create a Virtual Machine in Azure is by using a QuickStart Custom Template.

WHY USING A QUICKSTART CUSTOM TEMPLATE
The purpose is to automate deploying resources with Azure Resource Manager templates in a single, coordinated operation and in faster way to meet demand and load balancing issues. QuickStart template is a community contributed template or from a template stored in a template spec.

Follow the steps below to create one.
a. Search for a custom template and select Deploy a Custom template.

b. Click Create a linux Virtual Machine and select QuickStart template as shown below.

c. Being a faster way of creating VM, all project name details and parameters will be automatically given, as seen below,

Only the resource group will be inputted or recreated, Linux version and authentication type can be changed. You can also choose to edit template and parameters by clicking edit template. Click Next: review and create.

d. When Deployment is complete as seen below, go to resource to see the overview of the QuickStart created VM called (SimpleLinuxVM).

The VM Overview below

e. Open PowerShell and ssh into the VM using the IP address and password, the capture below shows I have successfully connected to the VM.

Conclusion: The above description above shows I have successfully used QuickStart template to create a VM using the faster method.

How to Add a Data Disk to a Virtual Machine and Initialize it for use

joseph4real — Sat, 01 Jul 2023 17:09:14 +0000

The blog shows how to create a data disk and add it to the Virtual Machine.
a. Create a VM with the following project details below.

b. When development is complete, click go to resource.

c. Click Disks under Settings, you will see only OS disk, no data disk, click on “plus sign create and attach a new disk” to create data disk.

d. Enter disk name, choose standard SSD and size you want, click save.

e. You remotely connect to the Virtual Machine Project6VM to initialize the disk and make it usable, by inputting the Virtual Machine public IP and click connect, the desktop window appears after login.

f. Go to disk management of the newly open VM by right clicking this PC and select manage.

g. The new disk will be auto initialized as Disk2, but unallocated.

h. Format the disk2 by creating a new volume, to make it useable.

i. The capture below show the data disk is now ready for use.

How to host a static website in the Azure Blob storage

joseph4real — Sat, 01 Jul 2023 16:55:30 +0000

Hosting a static website on azure storage (Blob Storage), save costs and one can enjoy a straightforward hosting solution that ensures your website is easily accessible and efficient. Below are step by step guides on how to host a static website.

a. First and foremost, create a storage account with project details below.

b. After deployment is complete, go to resource to locate the storage account created.

Enable the Static website from the storage account
c. Under Data management, click static website and enable the website as seen below. Type index.html and error.html into the boxes bar as seen below, then click save. The primary endpoint contains your URL.

Upload Files and Folders to the Static website
d. Click container under data storage, you will see a file called $web, its auto created when enabling static website under data management, double click $web and upload your website files one after the other.

e. Upload website folders by using the advanced tab, expand the advanced tab, give your folder a name. browse for files, select all files,and click upload as seen below.

Use Visual Code to connect to your Azure account and upload your website folders

a. Open the visual code, and click extension,
b. Search for azure account and click install.

c. Click on azure symbol, under resource and sign in into your azure account.

d. You will get a message prompting you to close the browser. Close the browser and go back to Visual Studio Code.

e. Click on subscription and select the storage account, blob container where your $web file is stored. Right click deploy to static website via azure storage.

f. A prompt to select the folders to deploy the static website files appear at the top of the screen, browse to select all the files.

Wait for the Website files be deployed. After done uploading you see seel all the website files as shown below.

g. Click on Browse website or open a web browser and type in your primary endpointt (URL) and press enter.
h. You can then edit your web code to suit your web page

i. Find the web page below.

Share Your URL of the website Hosted on Azure
This URL can be found from the under the data management (static website)

How to Create a blob Storage (Azure storage Account)

joseph4real — Sat, 01 Jul 2023 16:26:39 +0000

The blog is about creating blob storage. An Azure storage account contains all your Azure Storage data objects: blobs, files, queues, and tables. The storage account provides a unique namespace for your Azure Storage data that's accessible from anywhere in the world over HTTP or HTTPS. Data in your storage account is durable and highly available, secure, and massively scalable.
I will be creating an azure storage account with a blob access level; Blob Storage is optimized for storing massive amounts of unstructured data. In the storage a container will be created and unstructured doc will be uploaded. The URl will be shared and made public for easy accessibility.
The doc that will be stored in the blob will be able to be accessed and used daily, 30 days and 180 days.

Create your Storage account.
a. Sign into azure environment, in the search bar, type "storage account, select storage account and then click create.
Enter your Project details as indicated in the pic below.

b. On the advanced tab, leave security, hierarchical Namespace, access protocols as default while selecting Hot access under blob storage access tier.

c. Select “enable public access from all networks”.

d. Leave other parameters as default, review the summary of the storage and click create.

e. When deployment is complete, click on "Go to resource” and click your Virtual Machine.

Creating a container and upload the unstructured document.
a. On the left, go to Data storage and select container, create a new container where you upload your file, give the container a name and set the access level to BLOB, then click create button.

b. Upload file into the container.

c. Click on the file stored in the container to get the URL to share with the public. Share the URL of the doc and make it publicly accessible.

d. To access the file for everyday usage, you select the file and click on change tier, select hot access tier and save. This has the highest storage cost.

e. To access the file for 30 days usage, select cool tier and save, i.e., infrequently accessed or viewed once in a month.

f. To access the file for 180 days usage, select archive tier and save, i.e. rarely accessed or viewed once in 180 days.

HOW TO USE AZURE CLI COMMANDS TO DEPOLOY WEB APP FROM GITHUB REPO TO AZURE

joseph4real — Fri, 23 Jun 2023 11:47:30 +0000

Create a sample web app application in github repo, use the azure cli commands to deploy the web app content from github into azure porta i.e push the web app code from github to the deployment center of azure app service.

a. On the githuB page click on create new repo,

b. Enter the repo name, give the repo a description, select public, initialize by checking add a README file, then click on create repo.

c. Click on add-file to upload or create file html or php web files, index.php file added as shown below.

*Create resource group, web app plan and web app using the azure cli commands *

d. Create the resource group using the command below, after az login in your powershell: AppServiceRG
az group create --name AppServiceRG --location eastus

e. Create an app plan using the command: appservicePlan
az appservice plan create --name AppservicePlan --resource-group AppServiceRG

f. Create a web app using this command: Project10WebApp
az webapp create --name Project10WebApp --resource-group AppServiceRG --plan AppServicePlan

g. On the azure portal are the AppServiceRG, AppServicePlan and the Project10WebApp we created using the commands.

h. Deploy code from a public GitHub repository using the command below
az webapp deployment source config --name Project10WebApp --resource-group AppServiceRG --repo-url https://github.com/joseph4real/php-docs-hello-world --branch master --manual-integration
Note: the repo URL is from the githup repo.

i. Below are Pictures before deploying from github and after deploying form github, i.e. before running the deploy command and after running the deploy command.

NOTE: After deploy, one can comfirm from the picture, the source as external git and github repo URL.
J. Run the web app you created by opening the ULR or click the browser button.

k. Find the result below after opening the website.

With the above blog I have successfully deployed my web app from github repo into my azure portal.

HOW TO CREATE DEPLOTMENT SLOT AND MAKE A SWAP IN AZURE

joseph4real — Fri, 23 Jun 2023 11:24:33 +0000

Deployment slot is a process where you deploy apps in slots (1,2 and 3) i.e in a different version of the app, in order to test, make changes before deploying the app.
This help to prevent downtime or interruption on the running app when rolling out an update on the app. When you want to carry out an update/upgrade on an app already running, or available to users, which is always in production slot1, in order to prevent downtime or interruption of that app in slot1. The already running app will need to be cloned, edit and updated, deploy to azure and tested, then do a swapped for it to be available to users.

a. Create a deployment slot: go to your web app page, click on deployment slot, you will need to upgrade to standard or premium if your free dev/test is used up,

b. To upgrade, click on scale up (app service plan) and upgrade to standard under production workload, then click select and upgrade pricing plan. With this you can be able to create slot.

c. Go back and click deployment slot again, you would see the web app running in production mode, production slot is default slot where your app is running, for users to see and use. So we will need to create another slot for testing and deployment of an update of your web app before being deployed for user to use.

d. Creating 2nd slot, an instance of the your webapp), click add slot, give a new name (as Staging), choose “clone setting from” i.e. clone your original web app (project10webapp) from production slot1 to the slot2 that we added. From the right the domain URL will change from project10webapp.azurewebsites.net (slot1) to project10webapp-staging.azurewebsites.net (slot2. You then click add.

e. Below pic showing the staging deployment slot2 just created, has been added). Project10webapp in production slot, the slot users are using,
Project10webapp-staging (newly created slot) the app we need to test before deploying.

f. URL for the project10webapp in production slot is project10webapp.azurewebsites.net

URL for the Project10webapp-staging in staging slot project10webapp-staging.azurewebsites.net

Openning the URLs, show your web app is running, but its waiting for content to be added, as shown

Adding web content to Azure web apps
g. Use Visual Studio to add Web app code into your azure web apps.. By using publish tool, i.e. deploying code to the azure app service. 1st load web code into Visual Studio by selecting file menu, open, Websites, file system and then Project10WebApp web code.

h. Web code from the project file loaded into Visual studio

i. Right click project10webapp and select publish to the azure web, select Azure and click next, then select select Azure app service and click next.

j. Expand the resource-group “AppServiceRG”, and select Project10AppWeb, then click finish,
Publish in progress comes up, after click close.

k. Web app being deployed to Azure, after successful deployment, displayed below is the URL, the web app resource group and web app name gotten from the azure web services.

l. Click on the URL, and the web app appears as below, this is the web app running in the production skot1.

m. We then deploy the clone code of production slot1 into staging slot2 by publishing it in the Visual Studio, by edit only the name above to differentiate and save it.

n. Redeploy (republish in VS) again into azure by selecting staging slot2 as shown below. Click new profile to republish, select azure, azure web service and click next, same as what we did above.
o. Expand the web app service group and select staging slot2, then click finish.

p. After successful deployment, click on site URL, in the web app, the name would have been modified as shown below.

q. Click on the URL, and the web app appears as below, this is the web app running in the staging slot2, the bold name we edited from joseph oyewale to jesse miracle has change to Jesse Testimony. NOTE: it shows the test was successful and can be deployed

SWAP FROM STAGING SLOT2 TO PRODUCTION SLOT1
Swaping the web app (tested app) from staging slot2 (source URL: project10webapp-staging.azurewebsites.net) to production slot1 ( target URL: project10webapp.azurewebsites.net) by using swap tool in deployments tool.

a. Below are URL pictures: showing “Im Joseph Oyewale” is in production slot ( web app running for users to see). Showing “Im Jessy Miracle” is in the staging slot (the web app we are testing, need to be deployed and swapped).

b. Click swap button ande then select the source as (project10webapp-staging) staging slot2 the new version of the app that will be swapped into the target as ( project10webapp) production slot1. After click swap.

c. After success swap, close the window, click on the URL in the production slot1, i.e. https://project10webapp.azurewebsites.net/
Based on the pictures below, the URL of the web app “Project10WebApp” in the production slot1, has successfully swapped the web content project10webapp-staging of staging slot to production slot. The name “JOSEPH OYEWALE” has changed to the name “JESSE TESTIMONY”.
NOTE: same URL but content has change using the swapping tool of deployment slot

With the blog post, I have successfully deployed and swapped my tested and upgraded web content into the slot where users can have access to.

How to Create Web app in Azure Using Azure cli

joseph4real — Fri, 23 Jun 2023 10:24:34 +0000

The blog post is about using Azure cli commands to create web application
a. Open powershell terminal and login using “az login”, you will be directed to a web browser to sign in. after that use the following commands to create:-
b. Create the resource group using the command below, after doing az login in your powershell: AppServiceRG
az group create --name AppServiceRG --location eastus.

c. Create an app plan using the command: appservicePlan
az appservice plan create --name appservicePlan --resource-group appServiceRG

d. Create a web app using this command: Project10WebApp
az webapp create --name Project10WebApp --resource-group AppServiceRG --plan AppServicePlan

e. Go to the azure portal to confirm that you have successfully created your resource group: AppServiceRG, web plan: AppServicePlan and the web app: Project10WebApp.

Under the app plan we can see CPU, Memory. Data in/out, region, instance size, scale count, SKU/Pricing tier this shows the app plan does the computing work of a VM.

Azure Mobile App and Its Functions

joseph4real — Sat, 10 Jun 2023 14:49:37 +0000

Azure mobile apps is a very powerful tool that help one to manage azures services on the go in a mobile environment., if you are not using the mobile app, you are might not be that effective in using azure services, the following are the benefits of azure mobile usage

It helps you access all your azure resources in your environment from the convenient of your phone.
It helps you quickly diagnose and fix issues that may arise in your environment.
Monitor resources and get Azure Service Health alerts.
Manage your resources through Azure Cloud Shell

It’s a home build, dashboard like field that has multiples latest list and chart. Showing up services that are most important in an environment adapter. With the azure mobile app one can see recent resources that one has created, you can start and stop you VMs and other services. You can see and view service health of your resources and resource groups.

Azure Mobile Apps features
The following features are important to cloud-enabled mobile development:
• Authentication and authorization: Use Azure Mobile Apps to
sign-in users using social and enterprise provides. Azure
App Service supports Azure Active Directory, Facebook™,
Google®, Microsoft, Twitter®, and OpenID Connect®. Azure
Mobile Apps supports any authentication scheme that is
supported by ASP.NET Core.

• Data access: Azure Mobile Apps provides a mobile-friendly
OData v4 data source that's linked to a compatible
database via Entity Framework Core. Any compatible
database can be used including Azure SQL, Azure Cosmos DB,
or an on-premises Microsoft SQL Server.

• Offline sync: Build robust and responsive mobile
applications that operate with an offline dataset. You can
sync this dataset automatically with service, and handle
conflicts with ease.

• Client SDKs: There's a complete set of client SDKs that
cover cross-platform development (.NET, and Apache
Cordova™). Each client SDK is available with an MIT
license and is open-source.

Azure App Service features
The following platform features are useful for mobile production sites:
• Autoscaling: With App Service, you can quickly scale up or
scale out to handle any incoming customer load. Manually
select the number and size of VMs, or set up autoscaling
to scale your service based on load or schedule.

• Staging environments: App Service can run multiple
versions of your site. You can perform A/B testing and do
in-place staging of a new mobile service.

• Continuous deployment: App Service can integrate with
common source control management (SCM) systems, allowing
you to easily deploy a new version of your mobile service.

• Virtual networking: App Service can connect to on-premises
resources by using virtual network, Azure ExpressRoute, or
hybrid connections.