json 创建和阅读Angular 应用程序的应用程序配置文件的最佳做法

aurhwmvo  于 2023-01-10  发布在  Angular
关注(0)|答案(1)|浏览(120)

我有一个Angular 的应用程序,将安装在许多网站(所有者要求),但每个站点的配置必须不同(颜色,一些文本,一些徽标,后端服务器等)。我想写一个配置文件,将由角应用程序读取,然后应用该配置,我会把文件在每个网站和当我作出改变的后端服务器,任何配置文本或其他配置我只会改变配置文件和Angular 应用程序将工作透明。
我怎样才能做到这一点?
我在想写一个json文件,从Angular 上读它。这是一个好的练习吗?

zmeyuzjn

zmeyuzjn1#

您可以使用“environment.ts”解决您的问题。但是我使用“environment.ts”或“environment.prod.ts”解决变量,它们在产品和开发模式中具有不同的值。
对于像store/app/crm name这样的值,你可以简单地在'src'文件夹或'app'文件夹中添加像'myAppConfig.ts'这样的'ts'文件.然后像这样声明你的变量:

export const myAppConfig = {
        appName:'customer/your app name',
        version:'2.0.0.1',
        customerName:'mr david'
      };

你就可以这样使用它首先将其导入到“ts”文件中,例如“app.component. ts”。

import { myAppConfig } from 'src/myAppConfig';

然后使用它的值,如下所示:

customerName = myAppConfig.clientName;

最后,你可以从你的后端在'myAppConfig'中放置或更改值,并给你的新客户一个新版本。祝你玩得开心!

相关问题