DocusignApi 与 Angular 的集成答案

【问题标题】：DocusignApi integration with angularDocusignApi 与 Angular 的集成
【发布时间】：2021-09-03 16:04:43
【问题描述】：

我正在寻找 DocuSignApi 与 Angular 的集成。我正在遵循这些步骤。角应用后端服务器使用 .net core Web API 处理，DocuSign api 使用 nuget。

我能做到吗？

选项 1 - Angular 应用程序 - 将命中 - 中间件 api 应用程序的登录方法 - 中间件将通信 - docusign - 成功后它将共享登录用户的详细信息。

选项 2 - Angular 应用程序 - 当我这样做时，直接点击 docusign 方法

  var url = "https://account-d.docusign.com/oauth/auth?response_type=token&scope=signature&client_id=XXXXXXXXXXXXXXX-01caXXXXXXXX&state=a39fh23hnf23&redirect_uri=http://localhost:81/";

  return this._dataService.getThirdParty1(url, header)
      .pipe(map((response: Response) => {
          return response;
      }));




- public getThirdParty(url) {

     return this._httpClient.get(          url).pipe().pipe(map(this.handleResponse)).pipe(catchError(this.handleError.bind(this)));

 }

我遇到错误

从源 'http: //localhost:81' 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：预检请求不允许重定向。 account-d.docusign.com/oauth/auth?response_type=token&scope=signature&client_id=XXXXXXXXXX-411a-9bb9-01ca8f1b220&state=a39fh23hnf23&redirect_uri=http://localhost:81/:1 加载资源失败：net::ERR_FAILED

请提供检查这些选项的方法。

【问题讨论】：

标签： docusignapi

【解决方案1】：

首先，您的问题是您正在从另一个域对 DocuSign 进行客户端调用，该域验证了 CORS 策略，这是一个安全问题。（跨域资源共享 (CORS) 是一种基于 HTTP 标头的机制，它允许服务器指示浏览器应允许从其加载资源的任何来源（域、方案或端口），而不是它自己的来源。CORS 还依赖于一种机制，浏览器通过该机制向托管跨域资源的服务器发出“预检”请求，以检查服务器是否允许实际请求。在预检中，浏览器发送指示 HTTP 方法的标头和标头将在实际请求中使用。）

Larry 就该主题撰写了大量文章，以下是一些可以提供帮助的资源。

这是关于该主题的三部分系列 - https://www.docusign.com/blog/dsdev-building-single-page-applications-with-docusign-and-cors-part-1

这是他在 GitHub 中的代码，向您展示如何创建 CORS 网关 - https://github.com/docusign/blog-create-a-CORS-gateway

另一个有用的资源 - https://www.cdata.com/kb/tech/docusign-odata-angularjs.rst

【讨论】：