# 简介

本文介绍如何快速开发一个网页应用，该应用基于飞书开放平台的 OpenAPI 和应用[免登](https://open.feishu.cn/document/uYjL24iN/uMTMuMTMuMTM/development-guide/step-3)功能，实现一个人员部门管理的 [网页应用](https://open.feishu.cn/document/uYjL24iN/uMTMuMTMuMTM/introduction)。通过该教程，您可以了解开发网页应用的流程，以及如何实现应用的免登流程。

## 操作流程

本文涉及的操作流程如下图所示：

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/e498ed496b10f4a66bcd9c9f5540562c_VZVqLmfCLP.png?height=208&lazyload=true&width=492)

## 实现效果

通过运行代码示例，访问部门人员管理应用。
<md-video src="//sf3-cn.feishucdn.com/obj/open-platform-opendoc/f5a27e7894c38ac3d4ea52e47bbd6c96_Obq360md91.mp4" poster="//sf3-cn.feishucdn.com/obj/open-platform-opendoc/cb6f74809ff8d43d52a4b990f5d893ab_rCx1ki1VHF.jpeg?lazyload=true&width=3438&height=1536" width="80%"/>

## 使用到的 OpenAPI 列表

**[方法 (API)](https://open.feishu.cn/document/ukTMukTMukTM/uITNz4iM1MjLyUzM)** | 权限要求（满足任一） | **[访问凭证](https://open.feishu.cn/document/ukTMukTMukTM/uMTNz4yM1MjLzUzM)（选择其一）**
---|---|---
[自建应用获取 app_access_token](https://open.feishu.cn/document/ukTMukTMukTM/ukDNz4SO0MjL5QzM/auth-v3/auth/app_access_token_internal) <br>`POST` open-apis/auth/v3/app_access_token/internal | 无 | 无
[获取 user_access_token](https://open.feishu.cn/document/uAjLw4CM/ukTMukTMukTM/reference/authen-v1/access_token/create)<br>`POST` open-apis/authen/v1/access_token | 无 | `app_access_token`
[获取登录用户信息](https://open.feishu.cn/document/uAjLw4CM/ukTMukTMukTM/reference/authen-v1/user_info/get) <br>`GET` open-apis/authen/v1/user_info | 获取用户受雇信息(contact:user.employee:readonly)<br>获取用户邮箱信息(contact:user.email:readonly)<br>获取用户 user ID(contact:user.employee_id:readonly)<br>获取用户手机号(contact:user.phone:readonly) | `user_access_token`