1

ストアの状態/アクションをプログラムで本番環境にエクスポートして、開発ツールにインポートする方法はありますか?

たとえば、ミドルウェアをセットアップして現在の状態をキャプチャし、それを (Trackjs、Sentry、Rollbar) などに送信できますが、以前の状態とアクションがすべて欠けています。

Redux Dev Tools からのエクスポートと同じ形式でキャプチャしたいと考えています。

Dev Tools からのサンプル エクスポート

 {"monitorState":{},"actionsById":{"0":{"type":"PERFORM_ACTION","action":{"type":"@@INIT"},"timestamp":1471017239656},"1":{"type":"PERFORM_ACTION","action":{"type":"INCREMENT"},"timestamp":1471017242004}},"nextActionId":2,"stagedActionIds":[0,1],"skippedActionIds":[],"committedState":5,"currentStateIndex":1,"computedStates":[{"state":5},{"state":6}]}
4

2 に答える 2

1

これは現在開発中ですが、拡張機能でアクション履歴を直接プッシュできるようになりましたhttps://github.com/zalmoxisus/remotedev-server/pull/20を参照してください

もう 1 つのオプションは、アクションを配列として JSON ファイルに保存し、インポートして戻すことです。

それはhttps://github.com/zalmoxisus/redux-devtools-extension/issues/173の時点で可能です

ロガー.js

let actions = []
export function logActions (stateSanitizer) {
  return store => next => action => {
    actions.push(action)
    return next(action)
  }
}

これらのアクションはファイルまたはデータベースに保存でき、開発ツールにインポートして戻すことができます。

サンプル アクション

[{
    "type": "INCREMENT"
  }, {
    "type": "DECREMENT"
  }, {
    "type": "DECREMENT"
  }, {
    "type": "DECREMENT"
  }, {
    "type": "DECREMENT"
  }]

これを実際にデモするこのレポを作成しましたhttps://github.com/timarney/redux-trackjs-loggerミドルウェアを使用して、エラーが発生したときにアクションをログに記録します。

于 2016-08-14T00:24:41.097 に答える