page_type: sample languages:

• typescript
• javascript
• html products:
• azure description: "You can watch me build the app as part of my series here" urlFragment: angular-cosmosdb

by John Papa

You can watch me build the app as part of my series here

You can view all videos together here

Learn more about developing Node.js apps with Azure's cloud services here

1. Install the Angular CLI

   npm install -g @angular/cli

2. Install the Azure CLI

3. Set up a Cosmos DB server with a MongoDB database. Make sure you note the name of the Azure Cosmos DB account, the name of the database, the primary password and the port. You can find all this information in the Azure portal.

1. Clone this repository

   git clone https://github.com/johnpapa/angular-cosmosdb.git
   cd angular-cosmosdb

2. Install the npm packages

   npm i

3. Configure Cosmos DB server settings

   Rename the example-environment.js file to environment.js in the server/env/ folder and update it with your Cosmos DB settings. Replace the account, database name, key, and port with your specific configuration.

   // server/env/environment.js
   
   module.exports = {
     accountName: 'your-cosmosdb-account-name-goes-here',
     databaseName: 'your-cosmosdb-database-name-goes-here',
     key: 'your-key-goes-here',
     port: 10255
   };

1. Build the Angular app

   ng build

2. Launch the server

   node src/server/index.js

3. Open the browser to http://localhost:3000

Open an issue here