node.js - 使用一个 Angular 7 应用程序的多个域和子域

Question

我有一个想要自己建立的网站的想法。我一直在阅读文档、文章和教程。但我无法完全找到我需要的答案。

情况:

我在 AWS Lightsail 有一个项目(包括:Angular 7、Node、MongoDB、Nginx、Express)。我有多个带有动态子域的域名，用于区分客户/品牌员工的信息。多个域是其中的一部分，以便更轻松地导航和通信。

例如:

client1.domain1.com/some/info/
client1.domain2.com/some/info/
..etc.

设置:

我已经通过Nginx配置了子域和域，使其可以与通配符子域以及声明的子域和域一起使用。动态子域的配置如下:

server {
  listen 80;
  listen [::]:80;
  server_name ~^((?<sub>.*)\.)(?<domain>[^.]+)\.com$;
  root /opt/bitnami/nginx/html/$domain/$sub;
  try_files $uri $uri/ /index.html$is_args$args;
}

输出为此目录:

/opt/bitnami/nginx/html/domain1/client1/ 

(client1只是为了测试。在理想情况下它不会是一个目录。另外domain1和client1应该只作为域和子域本身出现在url中。而不是作为目录)

想法:

理想情况下，它是一个系统，其中每个域都指向，并且内容根据域名和客户端进行区分。我考虑了以下几点:

• 每个域都有一个单独的应用程序。但这会产生大量重复的代码并需要维护/进行更改。
• 每个域都有一个组件。但我不知道如何让路由工作。
• 一个项目中有多个应用。但 Angular 使用 JavaScript 将所有内容部署在 1 个 HTML 文件中。我如何使路由在那里工作？
• 等等。

但似乎没有一个真的像我想象的那样有效。我该如何使其正常工作？我如何才能以有效、可扩展且安全的方式使用多个域来为应用程序提供服务？

Answer 1

为什么不只使用具有多个域绑定(bind)的单个应用程序，然后在应用程序内使用路由来隔离内容。假设没有客户端特定的安全信息被硬编码到 Angular 应用程序中，您应该能够使用 Angular 路由与 Web API 配对来创建一个安全应用程序，以实现您所描述的最终结果。

client1.domain1.com/client/1/info/ client1.domain2.com/client/2/info/

clientx.domainx.com -> 全部解析到您的应用

/client/-> 路由到 Angular 组件

const routes: Routes = [
  {
    path: '',
    children: [ 
       { path: 'client/:id', component: dynamicClientComponent },
     ]
  }
];

在 Angular 客户端组件中，您可以从 URL 获取客户端 ID，并从 Web 服务/API 检索客户端特定内容

 constructor(
    private formBuilder: FormBuilder,
    private route: ActivatedRoute,
    private router: Router,
    private clientService: CientService,

  ) {
    route.params.subscribe(params => {
         this.id = this.route.snapshot.params.id;
         if (this.id) {
             this.clientService.getById(this.id).subscribe(
              (record) => {
                 this.ClientInfo = record;
                   //update UI accordingly

         })
    };
}

这是一个比我的代码摘录更好地说明这一点的工作示例 https://stackblitz.com/edit/router-pillar1-demo-final?file=src%2Fapp%2Fapp.module.ts