NativeScript + ngrx 存储 + 远程开发工具

Posted 2023-02-27

【中文标题】NativeScript + ngrx 存储 + 远程开发工具

【英文标题】：NativeScript + ngrx store + remote devtools

【发布时间】：2018-03-15 15:10:45

【问题描述】：

我正在使用带有 Angular 2 和 TypeScript 的 NativeScript 构建移动应用程序。我的 IDE 是 VS Code。

我决定使用 @ngrx/store 来保持应用程序的状态。但是，调试存储状态存在问题。我想使用 redux-devtools 并且我已经读过，就我而言，我必须使用 remote-redux-devtools。问题是它应该与redux 一起工作，我找不到任何指南如何为ngrx 设置它。

ngrx 本身支持 devtools，但我没能在 this instruction 之后让它工作。

你们之前有没有做过这样的设置，可以帮助我吗？

谢谢！

【问题讨论】：

嗨@dzwonu，您可以尝试使用ngrx-devtools-nativescript 插件-github.com/vakrilov/ngrx-devtools-nativescript，它为NativeScript 中的ngrx 提供了支持。但是，我建议使用应用程序设置模块 - docs.nativescript.org/cookbook/application-settings，以防您需要在本地设备上存储一些数据。

@NikolayTsonev ngrx-devtools-nativescript 需要在您的模板中嵌入 UI 控件，我想避免这种情况。 Redux 存储不是将数据本地存储在设备上，而是保持应用的一致状态并在组件之间共享。

在使用应用程序设置数据时，您还可以保存应用程序所需的状态。此外，您已将其保存在模块中，您还可以访问不同组件中所需的值。 -github.com/NativeScript/nativescript-sdk-examples-ng/tree/…

【参考方案1】：

现在无法使用 Nativescript 连接到远程 redux devtools。理论上是可以的。 react-native 可以做到。网络上的ngrx可以做到。到目前为止，还没有任何项目可以将 ngrx 连接到远程开发工具。

https://github.com/vakrilov/ngrx-devtools-nativescript 可以将其嵌入到应用程序中 - 但这是非常繁重的，而不是您要求的。