调试

当出现问题时,开发人员需要深入了解 Relay 的存储。 Relay 提供了几种工具,以编程和可视化的方式检索存储及其记录。

可视化调试 #

Relay DevTools工具旨在帮助开发人员检查其 Relay 状态,,并了解存储如何随时更改。Relay DevTools有两种方式:

  • Chrome 扩展 程序在开发人员工具界面中创建一个 Relay 选项卡,用于在Chrome中调试应用
  • 电子应用程序 连接到运行 Relay 的React Native应用程序

Store Explorer Mutations View

编程方式调试 #

这些功能可以在几种常见的情况下使用:记录客户端状态以供以后检查或从浏览器的调试器以交互方式在一些常见场景中使用。

一个简单的例子 #

在此示例中,根据传递到您的 Relay 环境中的源代码创建一个检查器对象。稍后可以使用此检查器对象检查记录。检查员仅在开发构建中可用。

const {
  RecordSource,
  Store,
  RecordSourceInspector,
} = require('relay-runtime');

const source = new RecordSource();
const store = new Store(source);
const inspector = new RecordSourceInspector(source);

inspector.getNodes(); // all records with an id
inspector.getRecords(); // all records with or without an id
inspector.get("<recordId>").inspect(); // record with fields