Forem: Wisdom Iyayinosa Bezaleel

Working with Pull Requests in Visual Studio Code and GitHub

Wisdom Iyayinosa Bezaleel — Fri, 19 Jul 2024 14:44:14 +0000

How to Build a Container Image Running on Docker Hub.

Wisdom Iyayinosa Bezaleel — Wed, 03 Apr 2024 20:09:23 +0000

On this blog, i will take you step by step on the process of building container image running on Docker Hub.
First lets have a brief understanding on what a container is

A container is a standard unit of software that packages up code and all its dependencies so the application runs quickly and reliably from one computing environment to another. A Docker container image is a lightweight, standalone, executable package of software that includes everything needed to run an application: code, runtime, system tools, system libraries and settings.
At the end of this article, you will have practical knowledge of what containerization is, and also be able to build your own.
To begin this project, ensure you have installed Oracle VM VirtualBox. If you haven't, locate my article "preparing my environment to for Containerization"

Now lets begin...
Login to your Linux VM by inputting your username and password
Now go ahead and open your Linux terminal

Click on ACTIVITIES, then on the search box, search for TERMINAL, click it open
Next, enter into root user with the command "sudo su" and press enter
You would be requested to input your password, note that your password will be kept invisible, do well to enter it correctly and enter

Input the "apt update" command to update install available software updates

Next step is to create your directory with the command "mkdir", leave a space and give your directory a name. MKDIR means Make Directory
To open the directory, use the command "cd", leave a space and type the directory name. Press enter
Use the "ls" command to see the files in the directory.. LS means to list

Next is to create our text file use the command "touch" followed by the file name.
Use the command "vi" to enter the file you have created.

Once you click on enter, the text file opens as shown in the image below.
Click the letter "i" to input your information

You can then go ahead to input the details you want.
To exit this editor, click "Esc" button on your PC, then ":wq" (column wq)
after you exit the editor, you can view the content of you file by using the "cat" command followed by the name of your file

Now we need to build our container image.
Input the command "docker build -t mydocker ."

Then press enter, your container image will start to build
Once its has finished building, you will see the "FINISHED" report

We have a successful project

A Comprehensive Guide to Creating a Function App Calculator, Publishing to Azure Portal, and Pushing to GitHub

Wisdom Iyayinosa Bezaleel — Sat, 23 Mar 2024 06:52:20 +0000

Prerequisite
Download and install Visual Studio Community 2022
Have an existing GitHub Account and of course, an active subscription on your Azure Account.

The first step is to create a function app on your Azure portal. In the search bar, type in FUNCTION APP and click on it

When it opens, select CREATE and on the basic section, input the right details to proceed

Choose a resource group, you can instantly create one if you dont already have one.
Give your function app a name as i have done.
Other settings should take replica of my own settings in the image above.
Leave every other settings on the other section as default and proceed to review and create

The resource should begin to deploy. see it through till deployment is complete

Your function app is deployed and ready to carry your calculator app

Now lets go to visual studio
Open your virtual studio application, select new project

Search for App function, select it and click next

Give your project a name and click next

Leave the next page at default settings.

Now we are going to edit this set of codes to create our calculator app

Edit the function name on line 15 and the public static class line 13 to "Sum". This programming language allows you to calculate the total of a set of numbers.

Now delete code line 21 till the end.

Type the following code from line 22 to replace the deleted codes;
int x = int .Parse(req.Query["x"]);
int y = int.Parse(req.Query["y"]);
int result = x+y;
return new OkObjectResult(result);

Once you are done click on build at the top of the page

You should get this result verifying no issues with our build

Now we will publish our calculator to azure by selecting thr build drop down and select publish.

Next, click on Azure and click "Next"

Creating an Index File in Git Bash and Push it to GitHub

Wisdom Iyayinosa Bezaleel — Fri, 22 Mar 2024 12:11:40 +0000

In this blog, i will take you on a step-by-step journey to master the art of creating index files using a command-line interface on Git Bash. I will also take you through the process of pushing your codes to GitHub

Prerequisite
Ensure you have installed Git Bash on your OS
Ensure you have created a GitHub account

So lets get started.
First thing we do is to configure your environment, that is to ensure you are logged into your GitHub account.
Open your Git Bash and input these commands, remember always to press ENTER after every command line.

git config --global user.name
git config --global user.email

Now we have to create our Folder/Directory. To do this, input the command mkdir, leave a space and give it a name. mkdir means make a directory. "mkdir basefaculty"
Input the command "cd (change directory)" and press enter to open your directory

Input the command "git init" and press enter

This command creates a new Git repository in the current working directory.

You are good to go.
Now we have to create our file and input our code. we are going to create a new empty Text file named index.html.

Input the command "touch index.html" and press enter.

To input code in the empty file, input the command vi

A blank space will appear, Click on the letter "i" on your keyboard to edit the file. Right-click and click on paste, to input your code. Let us use this code below as test. Copy this code from the comment section of this blog, and paste this in the blank page.
<!DOCTYPE html>

My web page

Hello, world!

This is my first web page.

It contains a
main heading and paragraph .

To continue, press the esc button on your PC, input :wq and press enter to close the index.html file

To view your code, input the command cat

Now we will need a repository to house this folder and file, let's quickly create one by going to our GitHub account. To create our repository, login to your GitHub account.
On the upper-left corner of your account, click on the + sign and select "New repository"

Give your repo a name, ensure its public, and tick the "Add a ReadME file" box

Click create to finalize.

On your repository page, click on "Code", copy the url on the HTTPs section, and go back to your Git Bash

We are done creating our repository, now lets go back to our Git Bash and push.
To add a remote repository named "origin" with a specified link to your Git repository, you can use the "git remote add origin" command followed by the remote name ("origin") and the URL of the remote repository.

git remote add origin

To add the file input "git add index.html" and enter

You can confirm if the file has been added by inputting this command.
git status
you should get this feedback

Input this command to create a new commit in your Git repository with a commit message
git commit -m <'the message'>

You can check the status by inputting the "git status" command

Now input the command 'git push origin master' and press enter. This command pushes the commits from your local "master" branch to the remote repository specified by the remote name "origin". After executing the push command, Git will upload your local commits to the GitHub repository in your master branch as shown in the generated command.

On your repository, on the code section, you would notice the default branch is main. To view your index.html file, click on branch and select the master branch.

From the capture below, you can see that our index file and our commit message reflect here.

Click on the text index to see the code we deployed

There you have it, Hopefully this helps.

Deploying A Web App Using Azure CLI

Wisdom Iyayinosa Bezaleel — Thu, 21 Mar 2024 01:04:05 +0000

On this blog, i will show you how to deploy a web app using Azure CLI. I am also going to create deployment slots for our Web Application within the Azure App Service. I will be doing most of my creations on the powershell rather than Azure portal

Prerequisite

Have powershell installed on your computer
Have your web app repository in your GitHub

Lets get started... Join me
We are going to login to Azure portal, first open powershell on your pc, the image below shows the icon.

And input this command: az login and click enter

You should get a prompt to login to azure portal, correctly input your details and sign in

If your login was successful, you would get as message telling you that you have logged into microsoft Azure.

Go back to powershell, and you should also get a command proving you have logged in

The next step is to create your resource group that will house your web service plan and your web app.
Input this code to create your RG

az group create --name (name your resource) --location (input the location you want your resource to be)

Do well to not make mistakes in inputting of your code, press enter.

The next step is to create our service plan, the service plan will serve as an operating system for the web app. So input this command

az appservice plan create --name --resource-group

and click enter

Now that our app service plan has been successfully created, we will now go ahead to create our web app. input this command and click enter
az webapp create --name --resource-group --plan

Now we are going to import our HTTPS URL of our web app repository from GitHub. If you have not created your web app repository, locate my article on web app repository
Now lets head to our GitHub account to get the URL
Navigate to the right on your Web App repository page and right click on the green Code button. Copy the HTTPS link as shown in the image below

Ensure your repository is accessible by putting it in public and not private. Now that you have copied your URL, input the following command

az webapp deployment source config --name --resource-group --repo-url --branch master --manual-integration

We have successfully deployed our web app. You can go-to Azure portal, and from the app-service section, you will be able to view the deployed resource.

Click on your web app to see the overview, and from the overview, you will be able to access your domain.

Click on your default-domain to view the html.index file

To view our Deployment, click on the "Deployment Center", we can also the link to our repository and the master branch.

You can also view your commit message on the Logs

Now lets go ahead to create deployment slot. A deployment slot is a test version of your web app to see if it qualifies for deployment. In a situation where a version of your web app is already running, you can release a new version without users experiencing a down time.
To create a deployment slot, go to your web app, navigate to 'deployment slot', you will notice our deployment is in deployment state, and running traffic is 100%. To add slot, click "add slot'

Give your slot a name, and select add

Input the percentage of traffic you want to give your deployment slot, save it.
You can also have an overview of the deployment slot by clicking the name

If you click the overview, you will notice the new deployment has a new environment where you can configure it, without it affecting the already running resource.

Now we are going to return traffic back to production. Follow the steps on the images below
Click on "SWAP"

Go ahead and swap.

So our web App has been updated without tampering with the production environment.