Create a Service

[web-dave]

1. Intall Backend and start it
   bookmonkey-api

Install

npm i bookmonkey-api -D

package.json

{
...
 "scripts": {
    ...
    "backend": "bookmonkey-api"
  },
...
}

run

npm run backend

Check http://localhost:4730

2. Generate Service ng g s books/book

3. Provide HttpClient in your App

   app.config.ts

export const appConfig: ApplicationConfig = {
  providers: [..., provideHttpClient()],
};

4. Get HttpClient into the Service via DI
   book.service.ts

...
export class BookService {
 private http = inject(HttpClient);
}

5. Implement first service method to get All books
   book.service.ts

...
  getAll() {
    return this.http.get<any>('http://localhost:4730/books');
  }

[web-dave]

NEXT