Demo of Angular 4 application calling Web API 2 .NET RESTful microservices on Azure
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
e2e
src
.angular-cli.json
.editorconfig
.gitignore
README.md
RestaurantDemoAPI.png
copy_build.sh
karma.conf.js
package-lock.json
package.json
protractor.conf.js
tsconfig.json
tslint.json
yarn.lock

README.md

Angular 4 Restaurant App Demo

Angular 4 web application, developed for the following post, Developing Applications for the Cloud with Azure App Services and MongoDB Atlas. Application is designed to be deployed as Azure Web App, backed by the Restaurant API.

Architecture

Project Generator

This project was generated with Angular CLI version 1.4.9.

Development Server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code Scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running Unit Tests

Run ng test to execute the unit tests via Karma.

Running End-to-End Tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further Help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Project Setup and Run Notes

  1. Download and install Node.js, npm, and Yarn
    npm install -g yarn

  2. Install the Angular CLI globally
    yarn global add @angular/cli

  3. Install ng-bootstrap dependency into the project
    yarn add bootstrap@4.0.0-beta.2

  4. Install ng-bootstrap into the project
    yarn add @ng-bootstrap/ng-bootstrap

  5. Update dependencies (optional)

yarn global add david
david update
yarn add typescript@'>=2.1.0 <2.4.0' --save-dev
  1. Transpile and run continuously in development
ng serve --open --dev # local
ng serve --open --dev --env=prod # Azure/Atlas
  1. Build for Development
ng build --env=prod # local
ng build --env=prod # Azure/Atlas
  1. Build for Production
    ng build --prod --env=prod

References