DEV Community: Grace Amole

Deploying a Node.js App to Google Cloud Run Using Docker

Grace Amole — Tue, 15 Jul 2025 17:26:15 +0000

This tutorial walks through deploying a simple Node.js "Hello World" app using Docker and Google Cloud Run. It covers writing the app, containerizing it, deploying via GCP CLI, and cleaning up resources.

Prerequisites:

Basic understanding of Node.js
Docker installed (if running locally)
Access to Google Cloud Shell
A Google Cloud Project with billing enabled

Step-by-Step Guide

Set Up Your Node.js App
Create a simple Express app in a file named index.js
the file I used can be found on link.
Create the Dockerfile
In the same directory, create a file named Dockerfile with the following: or find link in

FROM node:12-slim

WORKDIR /usr/src/app

COPY package*.json ./
RUN npm install --only=production

COPY . .

CMD ["npm", "start"]

This will install dependencies and start the app when the container runs.

Build and Push the Docker Image Run this in Cloud Shell (replace $PROJECT_ID with your actual project ID):

gcloud builds submit --tag gcr.io/$PROJECT_ID/helloworld

Deploy to Cloud Run

gcloud run deploy helloworld \
--image gcr.io/$PROJECT_ID/helloworld \
--platform managed \
--region us-east4 \
--allow-unauthenticated
The service will be deployed and you'll receive a URL to access it.
App is live: https://helloworld-xxxxxxxxxx-xx.run.app

clean up resources Once you're done testing:

Delete the Cloud Run service
gcloud run services delete helloworld --region=us-east4

Delete the Docker image:
gcloud container images delete gcr.io/$PROJECT_ID/helloworld

How to connect an asp.net webapp to a an sql database

Grace Amole — Wed, 24 May 2023 23:25:02 +0000

This is a documentation showing how to connect an asp.net app service to an azure sql database

to carry out this Project, I used the following tools

Visual studio 2023
A to do list app source code written in html , javascript and css.

To connect an asp.net web app to sql database, we will go through the following steps:

Create a new project

Open visual Studio 2023 and click on new project
select ASP.net core web app
click on next

I named the application MyFirstAzureWebApp, and then selected Next.
Select .NET 7.0 (Standard-term support).
Set Authentication to None and create as shown below

From the Visual Studio menu, select Debug > Start Without Debugging to run the web app locally. If you see a message asking you to trust a self-signed certificate, select Yes.

Publish the app

look Solution Explorer at the left hand side , right-click the MyFirstAzureWebApp project and select Publish.
In Publish, select Azure and then Next.

Choose the Specific target, Azure App Service (Linux) Then, select Next

To publish your app, you need an account. I signed into my account by clicking on the sign in button to use your Azure subscription.

For Subscription, I select the subscription already listed
since that is the subscription I am using
For Resource group, I select my resource group gracewebapp
For hosting plan, I clicked on the one with my webapp name
Select Create to create the Azure resources.

Once the wizard completes, the Azure resources are created for you, and you're ready to publish your ASP.NET Core project.

In the Publish dialog, ensure your new App Service app is selected, then select Finish, then select Close. Visual Studio creates a publish profile for you for the selected App Service app.

In the Publish page, select Publish. If you see a warning message, select Continue.

Update the app and redeploy
In Solution Explorer, I open Index.cshtml.
I replaced the
element with my html ,css and javascript code as shown below

Save your changes.
1. To redeploy to Azure, right-click the MyFirstAzureWebApp project in Solution Explorer and select Publish.
2. In the Publish summary page, select Publish.
3. After a successful publishing completes, Visual Studio opens a browser with the webapp showing
Manage the Azure app
1. Go to Azure portal , then go to appservice, look for the app MyFirstAzureWebApp
1. Select the name of the name of the app and the picture below is showed
Connecting to SQL Database
1. Create an sql database. I already have one from creating a web app + database
2. Go to your sql database, select connection string
3. navigate to ADO.net and copy the value
1. go to the app service you just deployed, navigate to configuration
2. click on create new connection string
1. Under name, enter dbconnection
2. under value, paste the value you just copied form the sqldatabase ado.net.
3. under type, select sql server.
click on ok

Our app service has ben successfully connected to a Azure SQL database

How to Deploy a Static Webapp on Azure Static app.

Grace Amole — Tue, 09 May 2023 20:32:31 +0000

In today's post, I am going to be showing how to deploy a static web app on Azure Static App. Before we proceed, Let me quickly explain what Azure Static App does.

Azure Static Web Apps is a service that automatically builds and deploys full stack web apps to Azure from a code repository.

To continue with this tutorial , you will need

An Azure subscription. In case you do not have a subscription, get it here.
A github account and a static HTML File. The resource used for this tutorial can be found here

Step 1 : Create Azure Static Web App

After a successful login to your account, click on create resource.

in the search bar, type in static app, then click on static web app, then click on create.

Step 2: Configuring the Azure Static App

Under resource group, create a new resource group

Under static web app details, enter the name of your static Web App

Under Deployment details, select Github as your source. you will required to authorize Azure to access your Github.

After authorization, enter the repository and the branch that contains the code you want to deploy.

Under build details, select custom and provide the path to where your html file is located as the app location. Then click on preview + create

If successful, your azure static app should be similar to the picture above. Wait for the static app to be deployed

Once deployment is complete, you will be redirect to the page shown below. click on go to

click on url on the right had side to redirect you to the static web app you just uploaded.

You will be redirected to your static app.

congratulations, you just Deployed a static web app on Azure.

Do not forget to delete your resource when not in use!!. You do not want to get billed.