如何从离子实验室提供模拟文件以及如何设置ionic config json

时间:2018-02-17 12:45:44

标签: angular ionic-framework ionic3 ionic-cli

我一直在使用Angular,但我是Ionic的新手。最近,我开始了一个项目。

My project folder is as follows

我添加了一个名为mocks的文件夹,其中包含一些模拟json文件。我希望能够从http://localhost:8100/mocks/my-mock-data.json检索这些我无法做到的文件。

来自angular-cli,我想我应该将mocks文件夹添加到某个配置中,以便ionic-lab可以提供此文件夹中的文件。

.angular-cli.json中,您可以将自定义文件夹添加到apps[0].assets数组,因此angular-cli可以为它们提供服务。我认为它在离子方面也是类似的,所以我尝试将mocks文件夹添加到ionic.config.json。但是,我找不到如何(我甚至不确定这是添加它的正确位置)

然后,我试图找到ionic.config.json的模式,以便我可以在VsCode上获得一些智能感知,也许我可以自己找到正确的配置。但是,我也找不到ionic.config.json的架构。

然后,我搜索了如何设置离子配置。我遇到了their website 他们给出了一些例子,但没有提供完整的清单。

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

所以,我的问题是

  1. 如何从离子实验室提供一些模拟文件?
  2. ionic.config.json中的完整属性集和相应值是什么?

1 个答案:

答案 0 :(得分:1)

你无法在离子中提供类似的文件。请注意,ionic简单地将所有内容合并到一个main.js文件中,并且资产单独捆绑在一起。 调用ionic serveionic cordova run时,它最终会调用NPM脚本。这些npm脚本调用@ionic/app-scripts库来执行构建过程。

要使用虚拟数据,您只需将虚拟数据放在src > assets文件夹内的任何文件夹中即可。假设您将其作为src > assets > example_data文件放在json文件夹中。请注意,您还可以使用servicespages保存这些文件。

现在,dummydata-service.tssrc > providers下的服务可以引用它来测试用法,例如

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

ionic.config.json点,它与.angular-cli.json不相似。 这是一个离子项目配置文件,用于存储某些ionic.io服务所使用的配置值。重要的关键是app_idnametypescript