{"id":408,"date":"2023-01-31T05:00:00","date_gmt":"2023-01-31T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=408"},"modified":"2023-01-31T08:58:50","modified_gmt":"2023-01-31T16:58:50","slug":"how-to-mock-you-entire-backend-server","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/how-to-mock-you-entire-backend-server\/","title":{"rendered":"How to mock your entire backend server?"},"content":{"rendered":"\n

This is the last post in our series on mocking data for testing purposes. So far, we have seen how to generate mock data using Mockaroo<\/a> and then how to incorporate such fake data in our Angular application<\/a>.<\/p>\n\n\n\n

Today, let’s push this one step further and use that same JSON data to mock our entire backend server<\/strong>, including CRUD (CReate Update Delete) operations, so you can also test data updates.<\/p>\n\n\n\n

Enter JSON Server<\/h2>\n\n\n\n

JSON server<\/a> is a small npm library that reads a JSON file and turns it automatically into a RESTful web server<\/a>. Yes, you read that right: All we need as input is our JSON data in a file!<\/p>\n\n\n\n

The format of that JSON is one single object where each property will be turned into a backend endpoint. So, for instance, say you need to support two types of data: users<\/strong> and teams<\/strong>.<\/p>\n\n\n\n

Then your JSON database will look like this:<\/p>\n\n\n

{\n   \"users\"<\/span>: [ \n      \/\/ Array of all users data<\/span>\n   ],\n   \"teams\"<\/span>: [ \n      \/\/ Array of all teams data<\/span>\n   ]\n}<\/code><\/span>Code language:<\/span> JSON \/ JSON with Comments<\/span> (<\/span>json<\/span>)<\/span><\/small><\/pre>\n\n\n
You would substitute those arrays with the mock data generated with Mockaroo, and then running JSON server would give you the following RESTful API:<\/p>\n\n\n\n