Azure Web App Service and GitHub Actions (Video Tutorial)
Tags: beginners, azure, github, cicd
Published: 2020-05-20 16:20:56

The last time we met, I spent some time showing you how to deploy an application using [Azure DevOps](https://docs.microsoft.com/azure/devops/?view=azure-devops&WT.mc_id=blog-devto-jagord) and [Azure Web App Service](https://docs.microsoft.com/azure/app-service/overview?WT.mc_id=blog-devto-jagord).  It's helpful to [watch the last video](https://www.youtube.com/watch?v=EzdOp1jlN0A) to get you some context on [how to create a Web App Service in Azure](https://azure.microsoft.com/get-started/web-app/?WT.mc_id=blog-devto-jagord).  Today we'll add a new step by introducing the same process of deploying from the master branch of the [react-block-basic GitHub repository](https://github.com/jaydestro/react-clock-basic).

{% youtube hac7iI3qLAk %}

## GitHub Actions

![GitHub Actions](https://tva1.sinaimg.cn/large/007S8ZIlgy1gezckrfkmej316s0m076t.jpg)

[GitHub Actions](https://github.com/features/actions) 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.

* 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.

{% github jaydestro/react-clock-basic %}

## 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](https://docs.microsoft.com/learn/certifications/devops-engineer?WT.mc_id=blog-devto-jagord).  

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

- Microsoft Learn: [Azure Fundamentals](https://docs.microsoft.com/learn/paths/azure-fundamentals/?WT.mc_id=blog-devto-jagord)
- Microsoft Learn: [Host a web application with Azure App service](https://docs.microsoft.com/learn/modules/host-a-web-app-with-azure-app-service/?WT.mc_id=blog-devto-jagord)
- Microsoft Docs: [App Service Documentation](https://docs.microsoft.com/azure/app-service/?WT.mc_id=blog-devto-jagord)
- [GitHub Actions Documentation](https://help.github.com/en/actions)
- [react-clock-basic demo app](https://github.com/jaydestro/react-clock-basic/)
- [Get 12 Months of free service and $200 for Microsoft Azure](https://azure.microsoft.com/free/?WT.mc_id=blog-devto-jagord)

{% youtube zcYqejz6Iig %}

If you need more help, reach out in the comments or [send me a tweet](https://twitter.com/jaydestro) or find me on [LinkedIn](https://www.linkedin.com/in/jaygordon0042/).  Make sure you like and subscribe to my channel on YouTube and stay up to date on my [new tutorials](https://www.youtube.com/channel/UCJb-wY2KO2soCZichdCNR1A).  See you next time as we learn Azure together.