我的ngrx商店如何检测服务器端的更改？

Question

我最近将ngrx商店添加到我现有的angular2应用程序中，以简化代码并保持共享状态。 但是我对一个部分感到困惑，我一开始就在服务器上更新状态，而在病房后我只是在没有检查服务器的情况下工作。那么当后端发生某些变化时会发生什么？每当我去那个网页或有更好的方法时，我是否会检查它？ 基本上，我想知道确保您的状态数据更新以显示服务器数据的最佳做法是什么？

Answer 1

建议使用NGRX Effects。当您将NGRX Effects与Store一起实施时，任何HTTP副作用都将由Effects处理，而后者将使用Store中的Action来更新数据。一个Effect监听Action并使用Action的有效载荷执行副作用（HTTP）。当效果完成后，它会使用新的有效内容调用新的Action（成功的Action或失败的Action），从而更新Store中的数据。

在example in the Effects docs它显示Login的效果：

@Injectable() 
export class AuthEffects { 
    constructor(
    private http: Http, 
    private actions$: Actions 
) { } 

    @Effect() login$ = this.actions$ 
     // Listen for the 'LOGIN' action 
     .ofType('LOGIN') 
     // Map the payload into JSON to use as the request body 
     .map(action => JSON.stringify(action.payload)) 
     .switchMap(payload => this.http.post('/auth', payload) 
     // If successful, dispatch success action with result 
     .map(res => ({ type: 'LOGIN_SUCCESS', payload: res.json() })) 
     // If request fails, dispatch failed action 
     .catch(() => Observable.of({ type: 'LOGIN_FAILED' })) 
    ); 
} 

在这个例子中，对于登录的效果侦听LOGIN行动。当LOGIN操作发生时，它使用操作的有效内容并执行HTTP POST。当HTTP POST返回时，它会调用动作LOGIN_SUCCESS以及有效负载的json响应，或者返回LOGIN_FAILED操作。

这样，您的商店始终保持在任何副作用循环中，如HTTP。如果一个组件更新数据库中的记录，则该效应应通知该存储，以便订阅该数据的所有组件都可以获取更新的数据。

希望有所帮助。