I've successfully developed a Node.js application and deployed it to Azure using GitHub actions:
Here are the steps I followed for deployment:
- Create an App Service in Azure Portal.
- Make sure to configure the following settings in web app=>Settings=>Configuration=>Application Settings:
WEBSITE_NODE_DEFAULT_VERSION=Node_version>
WEBSITES_PORT=<Port_number_of_your_application>
SCM_DO_BUILD_DURING_DEPLOYMENT=true
- Navigate to your web app =>Deployment =>Deployment Center=> Select GitHub as the Source and sign in with your GitHub account. Fill in the other fields with the relevant details from your repository.
- Once you have saved the details, a YAML file (workflow) will be generated in GitHub, initiating the deployment process.
- You can track the deployment status either through Actions in GitHub or Logs in Deployment Center of the App Service.
Workflow Details:
name: Building and deploying Node.js app to Azure Web App - <web_app_name>
on:
push:
branches:
- main
workflow_dispatch:
jobs:
build:
runs-on: windows-latest
steps:
- uses: actions/checkout@v2
- name: Set up Node.js version
uses: actions/setup-node@v1
with:
node-version: '18.x'
- name: npm install, build, and test
run: |
npm install
npm run build --if-present
npm run test --if-present
- name: Upload artifact for deployment job
uses: actions/upload-artifact@v2
with:
name: node-app
path: .
deploy:
runs-on: ubuntu-latest
needs: build
environment:
name: 'Production'
url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}
steps:
- name: Download artifact from build job
uses: actions/download-artifact@v2
with:
name: node-app
- name: 'Deploy to Azure Web App'
uses: azure/webapps-deploy@v2
id: deploy-to-webapp
with:
app-name: '<your_web_app_name>'
slot-name: 'Production'
publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_XXXXXXXXXX }}
package: .
Successful Deployment:
GitHub:
Azure Portal:
Alternative Methods:
If desired, you can explore alternative methods for deploying Node.js applications such as through VSCode or the CLI.