如何准备离子应用程序进行生产

Question

在我的应用程序中开发离子app $ http服务时，使用dev服务器（http://localhost:3000）进行REST调用。

但是生产服务器不同。当我为不同的平台构建应用程序时，我想使用不同的URL。

如何动态设置这些变量？

Answer 1

一个选项是使用config来指定REST调用的基本URL（您可能已经这样做了），而不是去

$http({
    method: 'GET',
    url: 'http:localhost:3000/account.json'
  });

在一个文件中

$http({
    method: 'GET',
    url: 'http:locahost:3000/user.json'
  });

在另一个文件中，创建一个注入每个需要基本URL的服务的常量。

angular.module('myApp.config', [])
  .constant('myConfig', {
      baseUrl: 'http://localhost:3000'
  })

因此，您可以在每项服务中使用它：

$http({
   method: 'GET',
   url: myConfig.baseUrl + '/user.json'
});

这意味着您只需在环境之间移动时更改那个myConfig文件。但是，它仍然是一个手动任务，您必须记住要始终这样做。但是，您可以继续使用grunt-template来自动执行此过程。 查看this page了解更多详情。