내 ngrx 저장소가 서버 측에서 변경 사항을 어떻게 감지합니까?

Question

최근 코드를 단순화하고 공유 상태를 유지하기 위해 기존의 angular2 앱에 ngrx store를 추가했습니다. 그러나 나는 한 부분에 대해 혼란 스럽다. 처음에는 서버에서 상태를 업데이트하고 병동 이후에는 서버를 확인하지 않고 상태로 작업한다. 예를 들어 백엔드에서 어떤 것이 변경되면 어떻게됩니까? 언제든지 그 페이지를 확인하거나 더 좋은 방법이 있습니까? 기본적으로 상태 데이터가 서버 데이터를 표시하도록 업데이트되었는지 확인하는 가장 좋은 방법은 무엇입니까?

Answer 1

NGRX Effects을 사용하는 것이 좋습니다. Store와 함께 NGRX Effects를 구현하면 모든 HTTP 부작용이 Effects에 의해 처리되고 Store에서 Action을 사용하여 데이터를 업데이트합니다. 효과는 작업을 수신하고 작업의 페이로드를 사용하여 부작용 (HTTP)을 수행합니다. 효과가 끝나면 새로운 페이로드로 새 액션 (성공을위한 액션 또는 실패 액션)을 호출하여 스토어의 데이터를 업데이트합니다. 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가 반환되면 페이로드에 대한 json 응답을 사용하여 LOGIN_SUCCESS 작업을 호출하거나 LOGIN_FAILED 작업을 반환합니다.

이렇게하면 HTTP와 같은 부작용에 대해 상점이 항상 루프 상태로 유지됩니다. 한 구성 요소가 데이터베이스의 레코드를 업데이트하면 Effect는 Store에 알리고 해당 데이터에 등록 된 모든 구성 요소가 업데이트 된 데이터를 가져와야합니다.

희망이 있습니다.