logo The World’s #1 Bootstrap 4 & 5 HTML, Angular 11, React, VueJS & Laravel
Admin Dashboard Theme

Mock Back-end

Overview

Metronic Angular use a mock back-end for demo purpose. It's called in-memory web api for Angular demos and tests that emulates CRUD operations over a RESTy API.

It intercepts Angular Http and HttpClient requests that would otherwise go to the remote server and redirects them to an in-memory data store that you control.

For more info on the library: https://github.com/angular/in-memory-web-api

How switching to the Real REST API

You have to disable the mock back-end for the built Angular's Http and HttpClient requests to work normally. Check in the files /src/app/_helpers/fake/ which contains all the dummy data for the mock back-end.

When your Real back-end is done, follow the next two steps for switching to the real REST API:

  • 1. Change the configuration line in your /src/environments/environment.ts file:

    
    export const environment = {
      production: false,
      isMockEnabled: true // You have to set 'true', when your real back-end is done
    };

  • 2. Switch paths to services in /src/app/modules/services/auth-http/index.ts file:

    From:
    // export { AuthHTTPService } from './auth-fake-http.service';
    To:
    export { AuthHTTPService } from './auth-http.service';