Angular RXJS长轮询
是一种在Angular应用中使用RXJS库实现的长轮询技术。长轮询是一种客户端与服务器之间进行实时通信的方法，它通过不断发送请求并等待服务器的响应来实现数据的实时更新。
在Angular中，可以使用RXJS的Observable对象来实现长轮询。首先，创建一个Observable对象，该对象会发送HTTP请求到服务器并等待响应。一旦收到响应，可以对数据进行处理，并再次发送请求以保持连接。这样就可以实现实时更新数据的效果。
长轮询的优势在于它可以实现实时的数据更新，而不需要客户端不断地发送请求。相比于传统的轮询方式，长轮询可以减少不必要的网络流量和服务器负载，提高应用的性能和响应速度。
长轮询适用于需要实时更新数据的场景，例如聊天应用、实时监控系统等。通过使用Angular RXJS长轮询，可以轻松地实现这些功能。
腾讯云提供了一系列与长轮询相关的产品和服务，例如云服务器、云函数、消息队列等。这些产品可以帮助开发者快速搭建和部署长轮询应用，并提供稳定可靠的基础设施支持。
更多关于腾讯云相关产品和服务的信息，可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
AngularJS文档中有一些我似乎找不到的东西，或者我只是遗漏了一些东西。
我正在创建一个在后端使用NodeJS和Express的web应用程序，我试图了解它如何在前端与Angular交互。特别是，我将有一个用于Angular的JSON API来获取信息。我希望前端始终是最新的。
我的问题是：
双向数据绑定功能是否意味着Angular ($resource或$http)每隔n秒自动从服务器获取数据？它是否自然地使用长轮询、短轮询或websockets？您需要JQuery来实现服务器-客户端同步，还是一切都可以使用Angular来完成？您是否需要添加额外的代码才能实现此行为？我需要使用$tim
浏览 36提问于2013-03-15得票数 58
回答已采纳
1回答
首先为我的英语道歉。
我用的是棱镜，用他的测试开发了一个简单的服务。
服务使用http.get方法加载JSON文件，并将其内容存储在变量中。目标并不重要。
下面是有效的代码：
第一，服务
import {Http} from '@angular/http';
import {Injectable} from '@angular/core';
import {Constants} from 'config/constants';
import 'rxjs/Rx';
import 'rxjs/add/operator/catc
浏览 2提问于2017-06-02得票数 0
我正在部署一个网站，但我不能“捆绑”rxjs，因为我正在使用的最终版本的角。我只能通过在我的网站上复制整个文件夹node_modules/rxjs来部署rxjs。
这是我对SystemJS的配置
System.config({
map: {
'lodash':'http://127.0.0.1/js/lodash.min.js',
'@angular/core': 'http://127.0.0.1/js/core.umd.min.js',
浏览 4提问于2016-12-12得票数 5
回答已采纳
1回答
角2实时刷新应用程序
、、、
我是的新手，我正在尝试构建一个平均堆栈加密货币交换应用程序。我创建了一个nodejs后端，以从API获取当前汇率，并将其显示在html中。此外，我还创建了货币兑换组件及其工作状态。我需要每5秒或10秒更新html和货币交换组件。
我的第一个问题是，在后端还是前面做比较好，第二个问题是我是如何做到的。
这是我的代码：
api.js
const express = require('express');
const router = express.Router();
// declare axios for making http requests
const axios =
浏览 1提问于2017-07-18得票数 0
回答已采纳
如何决定在面对多个组件之间的交互时应该选择哪种方式？
我阅读了所有这些方法的，但是在何种情况下我们应该决定使用其中的一种方法？
有人能举几个例子吗？
编辑:我注意到我是否有服务
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';
import { mA, mB } from '../Model/app.Model';
@In
浏览 5提问于2016-10-11得票数 3
回答已采纳
我对角5.0还比较陌生，并且读过文档，但我似乎没有取得任何进展。我有一个.Net Core2.0项目，它有一个角5UI，并且正在将一个byte[]文件从Angular传递给Angular。在我看来，我想通过Object/ embed /Iframe嵌入这个PDF文件。到目前为止，我有以下几点：
主计长：
[HttpGet]
[Route("api/PdfReports/GetReport")]
public byte[] Get()
{
string directory = System.IO.Directory.GetCurrentDirectory();
s
浏览 1提问于2018-03-15得票数 2
回答已采纳
在后端，我有一个ASP.Net Core2.2Web API。其中我有一个SignalR核心集线器。在前面，我们有一个Angular 5应用程序。我们使用Auth0作为身份验证服务器。
当前端调用任何API端点时，它会随查询一起发送一个身份验证头，其中包含一个访问令牌。因为所有的API端点都有Authorize装饰器，所以这是必需的。
前端开发人员现在正在为客户端应用程序开发一个聊天系统，使用SignalR，但他不知道如何使用对SignalR集线器的调用来做同样的事情。即当他在Angular中调用SignalR集线器方法时包括认证报头(具有访问令牌)。
我的问题是，有可能做到这一点吗？我知道S
浏览 1提问于2019-06-24得票数 0
如何在Angular 6应用程序中连续点击数据库以获取数据库中的更新值。如果需要使用rxjs计时器，如何有效地使用它来满足我的需求。
浏览 1提问于2018-09-27得票数 0
1回答
角度6真的很长的时间来刷新
、、、、
我的应用程序和刷新有问题。
我使用角-cli 6来构建我的应用程序，我使用iis作为服务器。
当我运行“ng build --watch”，刷新我的浏览器时，在应用程序显示之前，我还有10秒的时间。
在Chrome调试器中，在性能上，我有8秒的“脚本”。
我的package.json：
{
"name": "front",
"version": "0.0.0",
"license": "MIT",
"scripts": {
浏览 2提问于2018-09-27得票数 1
回答已采纳
1回答
我正在尝试实现基于api调用的角度chart.js图的动态更新，目前我已经将它实现为一个静态图表，如下所示。
服务
import { Injectable } from '@angular/core';
import {HttpClient,HttpHeaders} from '@angular/common/http';
import 'rxjs/add/operator/map';
@Injectable({
providedIn: 'root'
})
export class WeatherService {
浏览 1提问于2018-06-13得票数 1
回答已采纳
我正在开发一个NativeScript角2应用程序。
我有一个ListView，它包含一组对象。点击其中一个对象将打开一个新组件。在按后退按钮返回列表并按下列表中的另一个对象后，我得到以下错误：
我怎么才能解决这个问题？
CONSOLE ERROR file:///app/tns_modules/@angular/core/./bundles/core.umd.js:1091:24: ERROR Error: Uncaught (in promise): Error: Current componentRef is different for cached componentRef
d
浏览 2提问于2017-07-01得票数 0
回答已采纳
当我运行"npm ls rxjs“时，我得到的结果是： +-- @angular-devkit/core@9.1.0-next.3
| `-- rxjs@6.5.4 deduped
+-- @angular/cli@9.1.13
| +-- @angular-devkit/core@9.1.13
| | `-- rxjs@6.5.4 deduped
| +-- @angular-devkit/schematics@9.1.13
| | +-- @angular-devkit/core@9.1.13
| | | `-- rxjs@6.5.4 deduped
| | `-- rxjs@6
浏览 19提问于2021-06-23得票数 0
1回答
我在我的.net核心应用程序中添加了Signal R最新稳定版本1.1.0，并将其与angular连接。我的iis版本是10。我有两台服务器，一台是本地的，另一台是生产的。在本地服务器上，它工作得很好，但在生产环境中，它会在30秒后断开连接。我在控制台上收到了这条消息。 Information: (LongPolling transport) Poll terminated by server
Information: Connection disconnected. 我想知道为什么它在本地服务器上工作得很好，但为什么不能在生产环境中工作。我已经检查了所有配置，如CORS和iis应用程序池设
浏览 24提问于2019-04-10得票数 0
回答已采纳
我是个有点棱角分明的新手。我基本上需要用进度信息更新一段文本，直到任务完成。我想通过让angular每5秒请求一次更新文本来做到这一点。
我的资源调用如下所示：
getPublishProgress: function () {
return $http.get("backoffice/Approval/ApprovalApi/GetPublishProgress");
}
在我的控制器中，我可以做一次，就像这样：
awaitingResource.getPublishProgress().then(function (response)
浏览 7提问于2016-09-20得票数 2
回答已采纳
问题
我最近升级了我的角度应用程序。我目前使用的是角12，Firebase 9和AngularFire 7
ng --version
Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1202.13
@angular-devkit/build-angular 12.2.13
@angular-devkit/core 12.2.13
@angular-dev
浏览 3提问于2021-11-09得票数 3
1回答
我刚刚尝试将一个旧的角7项目升级到角8，我遇到了一个奇怪的Rxjs依赖问题。Npm安装运行良好，但在尝试启动应用程序时，我得到以下信息-
ERROR in ../node_modules/@angular/core/@angular/core.js
Module not found: Error: Can't resolve 'rxjs/Observable' in 'C:\Users\chris\source\repos\myapp\node_modules\@angular\core\@angular'
ERROR in ../node_module
浏览 13提问于2021-11-26得票数 1
回答已采纳
我试图运行以下命令：ng build --target=production --base-href /，但它给出了以下错误：
错误:无法为架构师命令确定项目或目标。MergeMapSubscriber._loadWorkspaceAndArchitect.pipe.operators_1.concatMap at MergeMapSubscriber._tryNext (C:\training\angular4\angular-reddit\node_modules\rxjs\internal\operators\mergeMap.js:65:27) at MergeMapSubscri
浏览 1提问于2018-08-24得票数 2
回答已采纳
3回答
这是我的package.json文件：
"dependencies": {
"@angular/animations": "~7.1.0",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
&#
浏览 0提问于2018-12-17得票数 3
1回答
无法导入角6中的某些模块
、、、
试图导入角度6中的一些可观察到的模块。这是我试图导入的模块：
import { BehaviorSubject } from "rxjs/BehaviorSubject";
import { observable } from "rxjs/Rx";
import { of } from "rxjs/observable/of";
我知道这个错误：
ERROR in node_modules/rxjs/BehaviorSubject.d.ts(1,15): error TS2307: Cannot find module 'rxjs
浏览 0提问于2018-11-27得票数 0
回答已采纳
我在angular应用程序中安装了材料UI，现在我收到错误，没有导出的成员可观察到的错误。 我删除了节点模块并重新安装，但问题仍然存在 ERROR in node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts(14,10): error TS2305: Module '"D:/angular2/ang/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_
浏览 67提问于2019-06-22得票数 3
我在用：
"webpack": "4.12.0",
"rxjs": "5.5.9",
"@angular" : "5.2.11"
用DDL插件捆绑库。
{
entry:
{"rxjs_5_5_9": [
"rxjs
],
"angular_5_2_11": [
"@angular/common",
"@angular/compiler",
浏览 0提问于2018-06-22得票数 1
回答已采纳
我有一个Angular 10项目，它在本地构建成功，但在jenkins上构建时失败，出现以下错误。 [error] Error: Job name "..getProjectMetadata" does not exist.
at Observable._subscribe (/usr/lib/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23)
at Observable._trySubscri
浏览 14提问于2020-07-14得票数 0
12回答
我更新了我的角度到v9，当我试图回到v8，我收到这个错误。我已经尝试了以下几点：
卸载-global角/cli
卸载角/cli
回到我的上一个package.json
删除node_module文件夹
删除回购
此错误继续显示。
我的记录是：
An unhandled exception occurred: Job name "..getProjectMetadata" does not exist.
See angular-errors.log for further details.
角错误.日志：
[error] Error: Job name
浏览 7提问于2020-02-11得票数 152
回答已采纳
我试图在我的现有网站添加SSR。我的角度版本是:v8，我遵循这个链接：
[error] TypeError: Cannot assign to read only property '_showWarnings' of object '#<Object>'
at TapSubscriber._tapNext (E:\pro\Git\pro\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\json\schema\visitor.js:56:210)
at
浏览 2提问于2020-06-20得票数 1
回答已采纳
2回答
我在项目中使用了Angular Material数据表。该表正在使用数据呈现
我的问题是，每次我应该刷新页面时，当我向数据库添加新数据时，我不能自动更新视图。
根据的说法，在阅读了这篇后，我尝试将该实时数据流添加到表格中：
这是我的标识：
import { Component, OnInit } from "@angular/core";
import { MatTableDataSource } from "@angular/material";
import { AjoutprojService } from "../ajoutproj.servic
浏览 16提问于2017-12-31得票数 0
我看过很多类似的帖子，但我仍然不明白问题是什么，以及如何解决它。
posts$: Observable<Post[]> = this.db
.list(`posts/${this.uid}`)
.do(next => this.store.set('posts', next));
constructor(
private store: Store,
private db: AngularFireDatabase,
private authService: AuthService
) {}
这是我得到的错误：Propert
浏览 7提问于2018-08-03得票数 1
1回答
Amazon支持对可用消息的两种轮询模式:短轮询和长轮询。对于长轮询，使用者指定等待可用消息的超时时间为1-20秒。
根据
默认情况下，Amazon使用短轮询，只查询其服务器的一个子集(基于加权随机分布)，以确定是否有任何消息可用于响应。长时间轮询具有以下好处：
通过允许Amazon在发送响应之前等待队列中的消息可用，消除空响应。除非连接超时，否则对ReceiveMessage请求的响应至少包含一条可用消息，以ReceiveMessage操作中指定的最大消息数为限。
通过查询所有(而不是)Amazon服务器的子集来消除错误的空响应。
消息一旦可用就立即返回。
上述特
浏览 1提问于2018-07-23得票数 35
回答已采纳
下面是我的角度package.json设置
"dependencies": {
"@angular/animations": "^5.2.11",
"@angular/common": "^5.2.11",
"@angular/compiler": "^5.2.11",
"@angular/core": "^5.2.11",
"@angular/forms": "^5.2.11",
"@a
浏览 0提问于2018-05-23得票数 0
回答已采纳
3回答
我使用的是角8，当我运行代码时，这些错误就会出现。如何解决这个问题？
为什么会出现这些错误？有人能解释一下吗？
**调试失败中的错误。假表达。
ERROR in node_modules/rxjs/Subject.d.ts:1:15 - error TS2307: Cannot find module 'rxjs-compat/Subject' or its corresponding type declarations.
1 export * from 'rxjs-compat/Subject';
~~~~~~~~~~~~~~
浏览 11提问于2020-10-05得票数 0
回答已采纳
当我开始运行我的应用程序时，我会得到以下错误：
**[error] Error: Job name "..getProjectMetadata" does not exist.**
at Observable._subscribe (/Users/vasil/KSS/kssfrontend/node_modules/@angular-devkit/core/src/experimental/jobs/simple-scheduler.js:350:23)
at Observable._trySubscribe (/Users/vasil/KSS/kssfro
浏览 12提问于2019-12-22得票数 152
回答已采纳
我正在尝试扩展angular2快速入门框架()以包含rxjs，并让System.js从捆绑包中加载rxjs代码，而不是加载上百个单独的.js文件。
System.js config.map：
{
"@app": "app/@app",
"@angular": "node_modules/@angular",
"angular2-in-memory-web-api": "node_modules/angular2-in-memory-web-api",
"rxjs":
浏览 3提问于2016-08-08得票数 0
1回答
当使用事件驱动的工作处理时，使用AWS、SQS和辅助客户端。经常建议使用长轮询。AWS文档这个这里
本质上，当队列中没有消息时，工作人员不需要不断向队列发出请求(这降低了调用成本)，但新消息仍然会立即传递给正在进行长轮询的工作人员。
现在已经用SQS构建了几次小系统，我怀疑短轮询的好处是什么。我认为它可能会稍微快一些，因为在短轮询时只会对SQS服务器的一个子集进行民意调查，但是如果这是唯一的缺点，我还在看什么额外的延迟呢？这取决于我正在处理的消息的数量吗？( SQS服务器是否根据消息数量进行扩展？)
如果有的话，还有什么其他的坏处？
浏览 0提问于2019-11-21得票数 5
回答已采纳
随着Angular 6的出现，rxJS 6成为了一个依赖项。我们也可以使用rxjs-compat模块将rxJS 5与Angular 6一起使用。
但是你有没有在Angular 5上使用rxJS 6的经验呢？
浏览 1提问于2018-05-18得票数 2
我使用的是ngx引导3.0.1，我已经将我的应用程序从角6.1.3升级到了7.0.0，并得到了错误mergeMap不是函数
CfComponent_Host.ngfactory.js？sm:1错误TypeError: TypeError不是一个函数
使用的代码如下所示：
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/mergeMap';
import { TypeaheadMa
浏览 0提问于2018-10-20得票数 1
更新到最新的角度，并得到以下错误，当我运行ng serve。我不明白问题出在哪里。
Could not find module "@angular-devkit/build-angular" from "F:\\angular\\July\\FinalTest".
Error: Could not find module "@angular-devkit/build-angular" from "F:\\angular\\July\\FinalTest".
at Object.resolve (C:\Users\User
浏览 7提问于2018-07-27得票数 0
我有一个Angular2应用程序，在开发环境下它工作得很好。所有Angular2依赖项都是在运行时从node_modules目录加载的。
我使用gulp typescript插件来捆绑应用程序代码，使用system-js来捆绑第三方库代码。
这是捆绑lib文件的gulp任务：
function bundleLibs() {
var files = [
'node_modules/rxjs/bundles/Rx.js',
'node_modules/@angular/core/bundles/core.umd.js',
'nod
浏览 16提问于2017-01-21得票数 1
回答已采纳
1回答
我的应用程序可以正常使用服务，但在执行npm run build:ssr && npm run serve:ssr时会出现此错误--这是angular-errors.log内容：
错误TypeError:无法指定对象'#‘的只读属性'_showWarnings’
TapSubscriber._visitJsonRecursive.pipe.operators_1.tap.x at TapSubscriber._next (app-directory\node_modules\@angular-devkit\core\node_modules\rxjs\int
浏览 1提问于2019-12-07得票数 1
回答已采纳
在我的package.json文件中
"dependencies": {
"@angular/animations": "~7.2.0",
"@angular/common": "~7.2.0",
"@angular/compiler": "~7.2.0",
"@angular/core": "~7.2.0",
"@angular/forms": "~7.2.0",
浏览 0提问于2019-04-23得票数 0
1回答
在angular2和可观察的学习过程中，我想知道我们是否可以使用interval调用一个函数，在7天后更改post的状态。这就是我要做的。
import {Observable} from 'rxjs/Rx';
Observable.interval(1000 * 60 * 1440).subscribe(x => {
doSomethinghere();
});
浏览 4提问于2016-03-22得票数 0
回答已采纳
我最近升级到了角11.2.9和RXJS 6.6.7。我的部件里有这个..。
ngOnInit(): void {
window.addEventListener('blur', this.onBlur, false);
...
}
...
onBlur(): void {
this.trendingSet$ = timer(1, HotComponent.REFRESH_INTERVAL_IN_MS).pipe(
switchMap(() => this.apiService.getTrending()),
浏览 1提问于2021-04-19得票数 0
回答已采纳
现在我需要使用一个，但是它会在npm install之后抛出以下错误来升级rxjs版本，当我尝试只升级rxjs版本并运行ng-serve时，它会抛出异常和许多错误。
npm WARN queueing-subject@0.3.0 requires a peer of rxjs@^6.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN rxjs-websockets@6.0.2 requires a peer of rxjs@^6.1.0 but none is installed. Y
浏览 0提问于2018-10-25得票数 0
回答已采纳
有人能告诉我为什么当我执行npm install时，npm会给我这个消息吗？
+-- @angular/common@2.2.4
+-- @angular/core@2.2.4
+-- @angular/http@2.2.4
+-- @angular/platform-browser@2.2.4
+-- @types/core-js@0.9.35
+-- UNMET PEER DEPENDENCY rxjs@5.0.0-rc.4
| `-- symbol-observable@1.0.4
`-- zone.js@0.6.26
什么是UNMET PEER DEPENDENCY？
packages
浏览 2提问于2016-12-06得票数 0
回答已采纳
1回答
我在Range6中创建了项目。在这个项目中，我首先使用npm install成功地安装了npm install，然后项目成功地构建了。
运行ng-serve后，会发生以下错误：
node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(2,37): error TS2307: Cannot find module '@progress/kendo-angular-l10n'.
node_modules/@progress/kendo-angular-da
浏览 0提问于2018-10-12得票数 1
回答已采纳
我已经使用新的管道方法将使用角5.5/rxJS5.5的代码更新为使用rxJS6包和以下命令的角6/rxJS6。
npm i -g rxjs-tslint
rxjs-5-to-6-migrate -p tsconfig.json
导入等已按预期进行了修改，但现在与v5 / RxJS的角/5.5的代码运行良好的代码因错误而出错：
error TS2339: Property 'pipe' does not exist on type 'OperatorFunction<{}, {} | RouterEvent | RouteConfigLoadStart | Rou
浏览 0提问于2018-05-18得票数 7
回答已采纳
我已经能够构建、链接和导入我的库到我的主应用程序中，但是我的库提供了一个返回RxJs可观察对象的服务，并且我遇到了一个问题，返回类型是在库node_modules中找到的RxJs可观察对象，而不是主应用程序node_modules： Type 'import("D:/KeySystems-Angular-Packages/node_modules/rxjs/internal/Observable").Observable<boolean>' is not assignable to type 'import("d:/KeySyste
浏览 18提问于2020-01-17得票数 0
回答已采纳
2回答
当我意外地弄乱了我的node_modules中的某些东西时，我的项目中的一切都在工作。所有的事情都搞砸了，我设法修复了我认为的所有事情，除了我在ng serve上得到一个失败的编译，它抛出了这个错误：
ERROR in ../../node_modules/@angular/common/src/location/location.d.ts(1,10): error TS2305: Module '"/home/vladimir/node_modules/rxjs/Rx"' has no exported member 'SubscriptionLike
浏览 3提问于2018-07-11得票数 0
我们使用的是角SPA模板。
在.net内核2.1项目中，在将角5迁移到角6时面临问题。
现在我有最新的包裹，
旧版package.json
{
"name": "projectname",
"private": true,
"version": "0.0.0",
"scripts": {
"test": "karma start ClientApp/test/karma.conf.js"
},
"dependencies"
浏览 1提问于2018-12-19得票数 0
下面的服务和它的可观察性一直很好，直到我将角2和RxJ升级到最新版本为止。
在尝试执行以下代码行时，错误说明“无法读取未定义的' of‘of未定义的的属性”：
if (this.loggedContact) {
return Observable.of(this.loggedContact);
}
我看到this.loggedContact已经有价值了。看来它认为可以观察到的是未定义的。有什么东西改变了我们以前作为可观察对象返回对象的方式吗？
"@angular/common": "^4.0.0",
浏览 0提问于2017-09-06得票数 0
回答已采纳
我最近安装了Angular 4 (RC2)，并从简单的复制了文件。但是当我尝试和Webpack一起构建这个项目时，我得到的错误信息是Rxjs无法解决：
WARNING in ~/@angular/core/@angular/core.es5.js
6857:19-40 Critical dependency: the request of a dependency is an expression
WARNING in ~/@angular/core/@angular/core.es5.js
6883:19-106 Critical dependency: the request of a
浏览 1提问于2017-03-02得票数 5
如果vsts解决方案的工作区版本为服务器，则ng build --watch不起作用。 但如果工作区版本为Local，则可以正常工作。 获取下面的错误 EPERM: operation not permitted, rmdir 'WebServer.Web\wwwroot'
Error: EPERM: operation not permitted, rmdir 'WebServer.Web\wwwroot'
at Object.rmdirSync (fs.js:701:3)
at MergeMapSubscriber.isDir`enter
浏览 3提问于2019-02-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
