How to serve mock files from ionic-lab and how to set ionic config json

Question

I've been using Angular for a while, but I'm new to Ionic. Recently, I started a project.

I added a folder named mocks which holds some mock json files. I want to be able to retrieve these files from http://localhost:8100/mocks/my-mock-data.json which I could not have done.

Coming from angular-cli, I thought I should add mocks folder to some config so that ionic-lab can serve files from this folder.

In .angular-cli.json, you would add your custom folders to apps[0].assets array, so angular-cli can serve them. I thought it would be similar in ionic too, so I tried to add my mocks folder to ionic.config.json. However, I could not find how to (I'm not even sure this is the right place to add it)

Then, I tried to find a schema for ionic.config.json so that I can get some intellisense on VsCode and maybe I can find the right config myself. However, I could not find schema for ionic.config.json as well.

Then, I googled for how to set ionic configs. I came across their website They give some examples but not the full list.

Input       Description
property    The property name you wish to set
value       The new value of the given property

So, my questions are

1. How can I serve some mock files from ionic-lab?
2. What are the full set of properties and corresponding values in ionic.config.json?

Answer 1

You cannot serve files like that in ionic. Note that ionic simply combines everything in one main.js file, and assets are bundled separately. When ionic serve or ionic cordova run are invoked, it ultimately calls an NPM script. These npm scripts call the @ionic/app-scripts library to execute the build process.

To use dummy data, you can simply place dummy data in any folder inside src > assets folder. Lets say you put it in src > assets > example_data folder as json file. Note that you can also save these files with services or pages.

Now, a service in say dummydata-service.ts under src > providers can reference it for test usage like

GetDummyData(): Promise<any> {
  return this.http.get('./assets/example_data/dummyData.json')
   .toPromise()
   .then(response => {return response.json()})
   .catch(this.handleError);
}

On the point of ionic.config.json, it is not analogous to .angular-cli.json. This is an Ionic project config file which stores configuration values consumed by certain ionic.io services. Important keys being app_id, name, typescript.