使用一个Angular 7应用程序的多个域和子域
我有一个想法的网站，我想建立自己。我一直在阅读文档、文章和教程。但是我不能完全找到我需要的答案。
情况：
我在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将所有内容部署在一个HTML文件中。如何使路由在那里工作？
- 等
但似乎没有一个像我想象的那样有效。我如何让它正常工作呢？我如何才能以有效、可扩展和安全的方式使用多个域为应用程序提供服务？
回答 2
Stack Overflow用户
发布于 2019-06-03 21:31:12
为什么不使用具有多个域绑定的单个应用程序，然后在应用程序中使用路由来隔离内容。假设没有将客户端特定的安全信息硬编码到angular应用程序中，那么您应该能够使用Angular Routeing结合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更好地说明这一点的工作示例
Stack Overflow用户
发布于 2020-01-17 18:09:52
如果你为不同的信息使用不同的域名，你可以使用不同的路由，并根据当前的域名location.hostname插入它们。希望能对https://stackoverflow.com/a/59784694/9026103有所帮助
https://stackoverflow.com/questions/56427683
复制相似问题