1

我在 angular2 应用程序中使用@ngrx/effects，并努力组织不同的效果定义。

我要实体，Identity并且Subscription，每个都有自己的 Actions 服务IdentityActions，SubscriptionActions以及它们的效果服务IdentityEffects，SubscriptionEffects。

定义了以下操作。

IdentityActions.AuthorizeIdentity()
IdentityActions.OnIdentityAuthorized(identity)
SubscriptionActions.GetSubscriptionList(identity)
SubscriptionACtions.OnSubscriptionsListed(subscriptions)

授权身份后，我立即想获取其订阅列表。如何@ngrx/effects提倡对这些影响进行组织，以便以后（例如一年后）可追溯/易于找到？

在 IdentityEffects 中：

@Effect()
this._actions.ofType(authActions.AUTHORIZE_IDENTITY))
  .switchMap(() => this.svc.AsyncAuth())
  .switchMap((identity) => authActions.OnIdentityAuthorized(identity))

@Effect()
this._actions.ofType(authActions.ON_IDENTITY_AUTHORIZED)
  .switchMap((identity) => Observable.of(action, subActions.GetSubscriptionList(identty))

编写它时这似乎很自然，因为获取订阅列表是身份获得授权的效果......但我担心，因为如果开发人员试图追踪从哪里获取订阅列表，它不是在 IdentityService 中进行挖掘并不直观。

另一种方法是在不发射的 CustomerEffects 中注册第二个效果。

@Effect({emit: false})
this._actoions.ofType(authActions.ON_IDENTITY_AUTHORIZED)
  .switchMap((identity) => Observable.of(action, subActions.GetSubscriptionList(identity))

从长远来看，这似乎更容易找到......但是在编写时感觉不太自然（我正在订阅服务中编写身份副作用......）

什么是久经考验的方法（如果甚至存在足够的时间）？

4

1 回答 1

1

这里并没有很多很好的反馈，但我想跟进我的方向。

我认为按受影响的实体而不是按导致效果的原因对效果进行分组是最有意义的。

95% 的情况下，这会导致效果服务定义仅与一个实体相关……但在某些情况下，可能会有一两个效果引用其他内容。

在我的示例中，身份经过身份验证，这会导致订阅被加载。

IdentityEffectsService.ts

@Effect()
public AuthorizeIdentity$ = this._actions.ofType(AUTHORIZE_IDENTITY)
  .switchMap(() => this._identitySvc.Authorize())
  .map(identity => this._identityActions.OnIdentityAuthorized(identity))

@Effect()
Public OnIdentityAuthorized$ = this._actions.ofType(ON_IDENTITY_AUTHORIZED)
  .do(identity => console.log(`${identity.name}` logged in!`));

订阅操作服务.ts

@Effect() ListSubscriptions$ = this._actions.ofType(LIST_SUBSCRIPTIONS)
  .map(action => <Identity>action.payload)
  .switchMap(identity=> this._subscriptionSvc.List(identity))
  .map((subs) => this._subscriptionActions.OnSubscriptionsListed(subs))

@Effect() OnSubscriptionsListed$ = this._actions.ofType(ON_SUBSCRIPTIONS_LISTED)
  .do(action => console.log(`${action.payload.length} subscriptions listed.`)

/ * This was the effect in question.
    I've grouped it with the other subscription effects because I believe it
    will be more natural for someone trying to understand how subscriptions
    get filled to find it here in the future. 
*/
@Effect() OnIdentityAuthorized$ = this._actions.ofType(ON_IDENTITY_AUTHORIZED)
  .switchMap(identity => this._subscriptionActions.ListSubscriptions(identity))

显然，仍然希望有人在大中型项目中对@Effects 模式有更多经验。

于 2017-03-20T04:42:18.743 回答