如何实现前端可视化搭建中的联动协议定义改写为长尾关键词？

本文共计2369个文字，预计阅读时间需要10分钟。

目录- 引言- 设计联动协议- 实现联动协议- 总结- 引言- 资然底层框架提供了通用的组件值与联动配置，支持对组件任意props的映射，但这仅是一个功能，并非协议。- 业务层是可确定的ˈ定

目录

• 引言
• 设计联动协议
• 实现联动协议
• 总结

引言

虽然底层框架提供了通用的组件值与联动配置，可以建立对组件任意 props 的映射，但这只是一个能力，还不是协议。

业务层是可以确定一个协议的，还要让这个协议具有拓展性。

我们先从使用者角度设计 API，再看看如何根据已有的组件值与联动能力去实现。

设计联动协议

首先，不同的业务方会定义不同的联动协议，因此该联动协议需要通过拓展的方式注入：

import { createDesigner } from 'designer' import { onReadComponentMeta } from 'linkage-protocol' return <Designer onReadComponentMeta={onReadComponentMeta} />

首先可视化搭建框架支持 onReadComponentMeta 属性，用于拓展所有已注册的组件元信息，而联动协议的拓展就是基于组件值与组件联动能力的，因此这种是最合理的拓展方式。