处理响应应用程序中的依赖项解析和乐观更新的方法

时间:2016-07-07 20:53:12

标签: reactjs frontend redux relay om-next

在对象具有许多复杂关系的架构中,有哪些可维护的方法来处理

  1. 解决依赖关系
  2. 乐观更新
  3. 在反应应用中?

    例如,给定这种类型的架构:

    ```
    type Foo {
      ...
      otherFooID: String,
      bars: List<Bar>
    }
    
    type Bar {
      ...
      bizID: String,
    }
    
    type Biz {
      ...
    }
    ```
    

    用户可能希望保存以下内容 - &gt;

    firstBiz = Biz();
    secondBiz = Biz();
    firstFoo = Foo({bars: [Bar({biz: firstBiz})]
    secondFoo = Foo({bars: [Bar({biz: secondBiz})] otherFooId: firstFooId.id})
    

    第一个问题:选择真实的ID

    上面的第一个问题是拥有正确的id。即为了使secondFoo保存,它需要知道firstFoo的实际id。

    要解决这个问题,我们可以做出权衡,让客户选择id,使用像uuid这样的东西。我没有看到任何可怕的错误,所以我们可以说这可以起作用

    第二个问题:按顺序保存

    即使我们从前端确定id,服务器仍然需要按顺序接收这些保存请求。

    ```
    - save firstFoo 
    // okay. now firstFoo.id is valid
    - save secondFoo
    // okay, it was able to resolve otherFooID to firstFoo
    ```
    

    这里的原因是后端必须保证所引用的任何id都有效。

    ```
    - save secondFoo
    // backend throws an error otherFooId is invalid
    - save firstfoo
    // okay
    ```
    

    我不确定攻击此问题的最佳方法是

    目前想到的方法

    1. 有自定义操作,通过promises进行协调

      save(biz).then(_ => save(Bar).then(_ => save(firstFoo)).then(_ => save(second)

    2. 这里的缺点是它非常复杂,这些组合的数量将继续增长

      1. 创建待处理/解决方案助手

        const pending = {}
        const resolve = (obj, refFn) => {
          return Promise.all(obj, refFn(obj));
        }
        const fooRefs = (foo) => {
          return foo.bars.map(bar => bar.id).concat(foo.otherFooId);
        }
        
        pending[firstFoo].id = resolve(firstFoo, fooRefs).then(_ => save(firstFoo))
        

        ```

      2. 2.问题是,如果我们忘记解决或添加到待处理状态,它可能会轻易导致一堆错误。

        潜在解决方案

        看起来Relay或Om接下来可以解决这些问题,但我想要一些不那么强大的东西。也许是可以使用redux工作的东西,或者也许是我缺少的一些概念。

        非常感谢

1 个答案:

答案 0 :(得分:0)

我有这样一个系统的JS / PHP实现 我的方法是使用参考系统

在客户端和服务器上序列化记录

例如,未保存的Foo1具有GUID eeffa3,第二个Foo引用其id密钥为{otherFooId: '@Foo#eeffa3[id]' }

类似地,您可以像这样引用整个对象

Foo#eefa3:{bars['@Baz#ffg4', '@Baz#ffg5']}

现在,客户端序列化程序将构建一个关系树和模型属性,如此

{
modelsToSave:[

  'Foo#effe3':{
    attribs:{name:'John', title:'Mr.'},
    relations:{bars:['@Bar#ffg4']}
  },
  'Bar#ffg4':{
    attribs:{id:5}
    relations:{parentFoo:'@Foo#effe3'}
  },
]
}

正如您在本示例中所看到的,我已经描述了纯JSON中未保存对象之间的循环关系。

这里的关键是将这些“记录”对象保存在客户端内存中,永远不要改变它们的GUID

服务器可以通过保存没有“父”依赖关系的第一条记录来确定保存顺序,然后依赖于那些父级的记录

保存后,服务器将返回相同的参考地图,但现在attribs还将包括主键和外键

JS遍历收到的地图两次(首先传递更新服务器接收的属性,第二次传递替代记录引用和属性引用到真实记录和属性)。

因此,有两种机制可用于引用记录,客户端GUID和服务器端PK

接收服务器JSON时,您将GUID与服务器主键匹配