Azure Cosmos 的 Angular 服务

Question

我对 Angular 真的很陌生。我正在尝试创建一个我想在我的角度组件中使用的服务。这样做时我遇到了错误。

下面是我正在写的代码

import { Injectable } from '@angular/core';
import { HttpClient} from '@angular/common/http';
import { CosmosClient } from '@azure/cosmos';
import {Observable,of} from 'rxjs'

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  
  databaseId='dbName';
  containerId='Container Name';
  constructor() { }

  public async getProjects():Promise<Observable<any>>{
    const endpoint = "https://AAAA.documents.azure.com:443/";
    const key = "==";
    const client = new CosmosClient({ endpoint, key });
    const database = client.database(this.databaseId);
    const container = database.container(this.containerId);

    const querySpec = {query: "SELECT * from c where c.Category=\"Details\""};
    const { resources:items } = await container.items.query(querySpec).fetchAll();
    return of(items);
  }
  
}

非常感谢任何帮助。

Answer 1

每条规则都有一个例外，但直接从 Web 浏览器连接到数据库的用例几乎为零。这样一来，您就失去了对用户可以在您的数据库中执行的操作的所有细粒度控制，而撤销访问权限的唯一方法是轮换您的密钥。您的数据库中目前可能没有任何敏感内容，但仍被认为是不好的做法。

因此，CosmosDB 库与 NodeJS 作为服务器端框架兼容。它是否适用于 Angular 或 React 等前端框架是偶然的。 Angular 9 版本编译项目的方式发生了一些较大的变化，看起来 Cosmos 客户端与新的 Ivy 编译器不兼容。

这里有几个选项。

1. （推荐） 在数据库和前端之间使用 API 层。您可以使用 Node 将其保留在 Javascript 中。如果您在 Azure 上运行，Azure Functions 之类的服务可以更轻松地安全实施，或者您可以从相同的应用服务、VM 或您正在使用的任何托管解决方案运行它。
2. Disable 新的 Ivy 编译器。您可以通过在 angular.json 中添加 aot: false 来做到这一点