# 网页组件概述
飞书开放平台基于飞书特色协同功能，提供了一系列网页组件，帮助企业快速将自己的系统和飞书紧密连接，快速复用飞书特色协同功能至你的系统，低成本拥有云文档能力、成员名片能力等。
## 使用场景
如果你希望在企业自有系统或已有网页中嵌入飞书的功能模块，如云文档、成员名片等，你可使用网页组件能力，包括云文档组件、成员名片组件、和搜索组件，以实现多场景实时协同编辑、降低沟通协作成本。不同组件的介绍如下表所示。
| 云文档组件 | 成员名片组件 | 搜索组件
---|---|---|---
**功能介绍** | 云文档组件（Docs Component）支持开发者将云文档嵌入业务系统，让企业应用具备在线文档功能。用户可以在嵌入文档的系统里协同编辑、评论文档，以及进行用户权限管理。通过轻量化集成云文档，将不同的系统串联起来。 | 成员名片组件功能可以帮助团队成员之间更好地认识对方，了解基本信息，降低沟通成本。调用成员名片组件，你就可以在网页中展示飞书成员名片，并支持通过名片上的按钮发起飞书聊天、查看 OKR 等。该组件支持多语言适配（中文、英文、日文等），同时支持配置浅色模式或深色模式。 | 搜索组件可用于搜索和选择人员、群组、文档等数据的场景，匹配关键词检索对应结果，并支持多类型数据混排展示。该组件支持多语言适配（中文、英文、日文等），同时支持配置浅色模式或深色模式。
**功能示意** | 
在企业应用中集成飞书文档的编辑、评论、用户权限管理等能力，内容协同更高效。通过轻量化集成云文档，借助文档强大的协作能力，把你的系统串联起来。一次编辑，多处同时生效。 | 
上图是某企业内的项目管理系统（浏览器网页）：- 当用户想了解负责人，点击负责人，即可打开该负责人的 **“成员名片页”** ，查看负责人的基本信息。
- 当用户对项目有疑问，则可以直接从 **“成员名片页”** 中点击 **“消息”** 按钮，快速打开与负责人的飞书聊天会话，大幅提升项目协同效率。
| 
上图是某企业内的信息管理系统（浏览器网页）：
- 当用户想针对某条信息进行授权管理，授权弹窗内包含“搜索框”组件，可输入关键词进行人员、群组的搜索；
- 搜索完成后，可选择对应的人员或群组，即可完成对所选范围的授权。
## 使用限制
- 网页组件只适用于自建应用，暂不支持商店应用。
- 网页组件适用于普通 web 网页，不建议在小程序 webview 中调用此组件。
## 使用流程
使用网页组件的整体流程如下所示。
1. 在开发者后台创建一个应用，并申请权限
1. 引入网页组件 SDK 库，配置鉴权信息，然后渲染组件
请根据实际需求，参考[云文档组件](https://open.feishu.cn/document/uYjL24iN/uYDO3YjL2gzN24iN3cjN/introduction)、[成员名片组件](https://open.feishu.cn/document/uYjL24iN/uQDO3YjL0gzN24CN4cjN/profile-component)、[搜索组件](https://open.feishu.cn/document/uYjL24iN/uQDO3YjL0gzN24CN4cjN/selector)接入文档，申请不同组件对应的具体权限、引入不同组件对应的 SDK 库，完成 SDK 鉴权，渲染组件。