Create a Service

[web-dave]

• install bookmonkey-api
• Generate a books service in a shared folder of BooksModule
• setup a npm script rest
• check the api (http://localhost:4730/)
• run bookmonkey-api in seperate cmd
• be sure HttpClientModule is imported to your AppModule
• import HttpClient from @angular/common/http and inject it (DI) into your service

[web-dave]

install

  npm i --save-dev bookmonkey-api

generate

  ng g service books/shared/books -m=books/books.module

[web-dave]

package.json:

...
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "rest": "bookmonkey-api" // <---
  },
  ...

run this script

npm run rest

[web-dave]

API:

GET     /books          // Get all books
GET     /books/:isbn    // Get a specific book by ISBN
POST    /books          // Create a new book
PUT     /books/:isbn    // Update a book by ISBN
DELETE  /books/:isbn    // Delete a book by ISBN

[web-dave]

books.module.ts

import { HttpClientModule } from '@angular/common/http';
...

@NgModule({
  ... 
  imports: [
    ... ,
    HttpClientModule //  <---
  ],
  ...
})
export class BooksModule { }

[web-dave]

books.service.ts

import { HttpClient } from '@angular/common/http';

  restRoot = 'http://localhost:4730/books';

  constructor(private http: HttpClient) { }

  getBooks() {
    const url = this.restRoot;
    return this.http.get(url);
  }