Azure Web App Service and GitHub Actions (Video Tutorial)

Jay Gordon

GitHub Actions enable developers to build automated software development lifecycle workflows. With GitHub Actions for Azure you can create workflows that you can set up in your repository to build, test, package, release and deploy to Azure.

One of the great integrations between Azure and GitHub Actions is the ability to deploy your code from GitHub right to Azure Web App Service. You can walk through the configuration of your continuous integration and continuous deployment (CI/CD) right in the Azure portal. You won’t need to write the YAML to configure your workflow when using the Deployment Center in Azure Web App Service.

With GitHub Actions for Azure, you can create workflows in your GitHub repositories to build, test, package, and deploy your applications. I have provided you with a repository you can fork or clone with a basic React application. It’s a static site that you can deploy with either exported HTML or run with the Node.js server. Let’s get started, OK?

GitHub Actions

GitHub Actions for Azure is 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. With Actions you get:

• Get Fast CI/CD – Any language or platform.
• YAML builds
• Live logging
• Workflows are reusable – like code! (Hello fellow StackOverflow Devs!)

Stateless react app

I love to use this app, react-clock-basic to help people learn with. It has minimal dependencies and is stateless. There’s no data source to configure for this, we just want a clock to tell us the time.

Your links to start

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 a Microsoft DevOps Certified Expert.

Here are links to documentation and guidance on the next steps including Microsoft Learn, Learn TV, and more!

Microsoft Learn: Azure Fundamentals
Microsoft Learn: Host a web application with Azure App service
Microsoft Docs: App Service Documentation
GitHub Actions Documentation
react-clock-basic demo app
Get 12 Months of free service and $200 for Microsoft Azure

If you need more help, reach out in the comments or send me a tweet or find me on LinkedIn. Make sure you like and subscribe to my channel on YouTube and stay up to date on my new tutorials. See you next time as we learn Azure together.

Jay Gordon Senior Program Manager, Azure Cosmos DB

Follow