【问题标题】:Observable from array poll server可从数组轮询服务器观察到
【发布时间】:2018-10-16 04:42:59
【问题描述】:

我正在尝试从一组项目中创建一个 Observable,每个项目都会定期检查服务器更新,然后在获得每个项目所需的结果时发送一个操作。

下面的答案很有帮助,但不是我想要的

这是我一直在尝试的另一种方法:

export function handleProcessingScenes(action$,store) {
  return action$.ofType(REQUEST_ALL_SCENES_BY_LOCATION_FULFILLED)
    .switchMap(({ scenesByLocation }) => Observable.from(scenesByLocation))
    .filter(scene => scene.scenePanoTask)
    .mergeMap(scene => updateScene(scene))
}

function updateScene(scene) {
  return Observable.interval(3000)
    .flatMap(() => requestSceneUpdates(scene.id))
    .takeWhile(res =>  res.payload.status < 4)
    .timeout(600000, Observable.throw(new Error('Timeout')))

}

API 函数返回一个 Observable

export function requestSceneUpdates(sceneId){

  console.log('requestSceneUpdate')

  const request = fetch(`${API_URL}/scene/task/${sceneId}/update`, {
    method: 'get',
    credentials: 'include',
    crossDomain: true,
  }).then(res => res.json())

  return Observable.fromPromise(request)
}

但是,这只会调用一次“requestSceneUpdate”函数。

我基本上想为场景中的每个场景每 3 秒调用一次该函数。然后我想在每个动作完成后返回一个动作。

我对一个场景的史诗是

export function  sceneProcessingUpdate(action$) {
  return action$.ofType(REQUEST_SCENE_PROCESSING_TASK_SUCCESS)
    .switchMap(({task}) =>
      Observable.timer(0, 30000).takeUntil(action$.ofType( REQUEST_SCENE_PROCESSING_TASK_UPDATE_SUCCESS))
        .exhaustMap(() =>
          requestSceneUpdates(task.id)
            .map((res) => {
              if (res.error) 
                return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_FAILED, message: res.message }
              else if(res.payload.status === 4) 
                return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_SUCCESS, task:  res.payload }
              else 
                return requestSceneProcessingTaskMessage(res.payload)
            })
            .catch(err => { return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_FAILED, message: err } })
        )
    )
}

【问题讨论】:

  • 我认为描述您想要实现的目标和输入内容会更容易。
  • 谢谢,我添加了更多细节。
  • 所以您希望requestSceneUpdates 在成功后每 3 秒停止一次发射?但只针对那个场景还是针对所有场景?在我看来,我会使用重试机制,而不是计时器。因此,如果失败,请在 3 秒后重试(直到不再失败)...
  • 看起来问题是您没有在catch 的回调中返回 Observable。你应该用例如包装它。 Observable.of()。否则发布整个错误消息。

标签: rxjs observable


【解决方案1】:

我认为你需要这样的东西。这个想法是如果场景更新失败,则在 3 秒后重试场景更新,并且不使用计时器。

export function handleProcessingScenes(action$) {
  return action$.ofType(REQUEST_ALL_SCENES_BY_LOCATION_FULFILLED)
    .switchMap(({ scenesByLocation }) => Observable.from(scenesByLocation))
    .filter(scene => scene.scenePanoTask)
    .mergeMap(scene => updateScene(scene));
}

function updateScene(scene) {
  return requestSceneUpdates(scene.id)
    .map((res) => {
      if (res.error)
        throw res.error;
      else if (res.payload.status === 4)
        return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_SUCCESS, task: res.payload }
      else
        return requestSceneProcessingTaskMessage(res.payload)
    })
    .retryWhen(errors => errors.delay(3000));
}

【讨论】:

  • 谢谢这是关闭..它正在循环但每次都有相同的响应,它不会为每个循环调用函数 requestSceneUpdates
  • 就像您所做的那样,但实际上每次都调用该函数。这里只是第一次被调用。
【解决方案2】:

这最终奏效了,@Andrew 修复了第一部分。

    export function handleProcessingScenes(action$,store) {
  return action$.ofType(REQUEST_ALL_SCENES_BY_LOCATION_FULFILLED)
    .switchMap(({ scenesByLocation }) => Observable.from(scenesByLocation))
    .filter(scene => scene.scenePanoTask)
    .flatMap(scene => {
      return Observable.timer(0, 5000).takeUntil(action$.ofType( REQUEST_SCENE_PROCESSING_TASK_UPDATE_SUCCESS))
        .exhaustMap(() =>
          requestSceneUpdates(scene.id)
            .map((res) => {

              if (res.error) 
                return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_FAILED, message: res.message }
              else if(res.payload.status === 4) 
                return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_SUCCESS, task:  res.payload }
              else 
                return requestSceneProcessingTaskMessage(res.payload)
            })
            .catch(err => { return { type: REQUEST_SCENE_PROCESSING_TASK_UPDATE_FAILED, message: err } })
        )
    })
}

【讨论】:

    猜你喜欢
    • 2020-05-16
    • 1970-01-01
    • 2019-03-15
    • 2015-08-11
    • 1970-01-01
    • 1970-01-01
    • 2021-12-18
    • 2018-07-13
    • 1970-01-01
    相关资源
    最近更新 更多