超出 Google 图书 API 速率限制

Question

通过此演示，我从 Google Books API 中获得了超出速率限制：

https://angular-temp-slice-demo.stackblitz.io/books

要查看它，请在 chrome 中打开开发者控制台，然后进行一些搜索。 速率限制错误将显示在控制台中。

[],"lazyUpdate":null},"status":403,"statusText":"OK","url":"https://www.googleapis.com/books/v1/volumes?q=test","ok":false,"name":"HttpErrorResponse","message":"Http failure response for https://www.googleapis.com/books/v1/volumes?q=test: 403 OK","error":{"error":{"errors":[{"domain":"usageLimits","reason":"userRateLimitExceededUnreg","message":"User Rate Limit Exceeded. Please sign up","extendedHelp":"https://code.google.com/apis/console"}],"code":403,"message":"User Rate Limit Exceeded. Please sign up"}}}

这是搜索代码（以及 stackblitz book.service 的链接） ：

  onSearch(query: string) {
    this.bookStore.query = query;
    this.query$.pipe(
        filter(Boolean),
        debounceTime(500),
        distinctUntilChanged(),
        tap(async (query: string) => {
          const bo: Observable<Book[]> = this.searchAPI(query);
          const books: Book[] = await bo.toPromise();
          this.bookStore.reset();
          this.bookStore.postA(books);
        })
      )
      .subscribe();

然而这个秋田演示没有得到这个：

https://akita-books-store.stackblitz.io/#/books/find

任何人都知道是什么导致了超出速率限制的错误？ 我已将去抖动时间设置为 500 毫秒。

Answer 1

这修复了它：

  constructor(private http: HttpClient) {
      this.bookStore.observeQuery().pipe(filter(Boolean),
        debounceTime(200),
        distinctUntilChanged(),
        tap(async (query: string) => {
          const bo: Observable<Book[]> = this.searchAPI(query);
          const books: Book[] = await bo.toPromise();
          this.bookStore.reset();
          this.bookStore.postA(books);
        })
      )
      .subscribe();
  }

在我在onSearch内部执行上述代码块之前，每次触发onSearch时都会创建订阅。 现在onSearch中唯一的内容是：

  onSearch(query: string) {
    this.bookStore.query = query;
  }