客户端和服务器之间的Angular流量如何？

Question

最近，我正在探索Angular 8，我是这项技术的新手。这是我的理解。.

1. 您构建了Spring Rest API项目，并将该.war文件部署在Web服务器上（例如tomcat）
2. 您构建Angular客户端应用程序
3. 。ts文件将转换为等效的.js文件
4. 构建过程将创建一个'dist'文件夹。 dist文件夹将包含带有角度标记和指令的.js和.html文件。
5. 您将dist文件夹部署在安装了node.js的服务器上
6. 您转到浏览器并索要index.html文件
7. 服务器根据初始请求将'dist'文件夹中的所有文件发送给客户端。现在，我们在浏览器中拥有整个客户端应用程序
8. 对于所有后续请求，客户端应用程序将通过Ajax请求对Spring应用程序进行Webservcie调用
9. Javascript将使用DOM用新数据更新页面的一部分。
10. 为了使所有这些正常工作，浏览器必须支持角度指令，并且还必须知道如何渲染自定义组件

请帮助我理解！

Answer 1

通过HttpCLient

[大多数前端应用程序通过HTTP协议。现代浏览器支持两种不同的APIHTTP请求：XMLHttpRequest接口和fetch（）API。

@ angular / common / http中的HttpClient提供了简化的客户端HTTPAngular应用程序的API依赖于浏览器公开的XMLHttpRequest接口。

在下面的示例中，我们正在创建一个帖子调用，该帖子的参数是发布的对象，URL和httpOptions（标题，httpParms等...）

addHero (hero: Hero): Observable<Hero> {
  return this.http.post<Hero>(this.heroesUrl, hero, httpOptions)
    .pipe(
      catchError(this.handleError('addHero', hero))
    );
}

addHero (hero: Hero): Observable<Hero> {
  return this.http.post<Hero>(this.heroesUrl, hero, httpOptions)
    .pipe(
      catchError(this.handleError('addHero', hero))
    );
}

就像从Postman发帖时一样，应该使用正确的参数配置呼叫。

您的呼叫应该在将注入到应用程序，模块或组件中的服务中。