GitHub Actionsis an API for cause and effect on GitHub: orchestrate any workflow, based on any event, while GitHub manages the execution, provides rich feedback and secures every step along the way. With GitHub Actions, workflows and steps are just code in a repository, so you can create, share, reuse, and fork your software development practices.
Get Fast CI/CD - Any language or platform.
YAML builds
Live logging
Workflows are reusable - like code! (Hello fellow StackOverflow Devs!)
Simple stateless react app
I love to use this app, react-clock-basic to help people learn with. It's simple has minimal dependencies and is stateless. There's no data source to configure for this, we just simply want a clock to tell us the time.
A basic clock that displays the current date and time
React Clock
This is a fork of this clock app that includes deployments for Azure Kubernetes Service and Docker.
App Service Deployment Method:
In Azure cloud shell:
git clone https://github.com/jaydestro/react-clock-basic.git
az group create --name $NAME --location eastus
az network vnet create --name $nameVNET --resource-group $NAME --subnet-name default
az acr create --resource-group $NAME--name $NAMEacr --sku Basic --admin-enabled true
az acr build --registry $NAMEacr --image react-clock-basic:v1 .
Go to portal in Azure, create a new app service, select your resource group, pick linux, pick docker container, create a new service plan, select dev/test - click Docker
Drop down source, select Azure Container Registry. Click the registry you created above then select the image name and version.
Click Review and create.
A basic clock that displays the current date and time
The video should help provide you with a great start on using this service with your Azure Web App Service. Utilizing resources like GitHub actions can help you on your journey to becoming aMicrosoft DevOps Certified Expert.
Here are links to documentation and guidance on the next steps including Microsoft Learn, Learn TV, and more!
If you need more help, reach out in the comments orsend me a tweetor find me onLinkedIn. Make sure you like and subscribe to my channel on YouTube and stay up to date on mynew tutorials. See you next time as we learn Azure together.
