26、构建 GitHub 用户数据单页应用的详细指南

构建 GitHub 用户数据单页应用的详细指南

1. 项目概述

我们将构建一个单页应用程序，其后端使用之前开发的 API。该应用包含一个表单，用户可在其中输入 GitHub 账户的登录名。应用会查询 API 获取该用户的仓库列表，并以表格和饼图的形式在屏幕上展示，饼图用于总结该用户的编程语言使用情况。你可以访问 http://app.scala4datascience.com 查看该应用的实时版本。

2. 是否需要后端

在开发 Web 应用时，需要考虑是否需要进行服务器端处理。如果构建整个应用所需的数据足够小（通常为几兆字节），则可以不使用后端。但如果应用规模较大，就需要后端来传输客户端当前所需的数据。

以下是判断是否需要后端的一些要点：
- 数据量小 ：数据量较小时，无需后端，可直接创建带有 JavaScript 的 HTML 网页。
- 数据量大 ：需要后端来传输客户端当前所需的数据。
- 隐藏逻辑 ：若需要验证密码等操作，必须在服务器端进行，不能将代码发送到客户端。

对于我们要构建的应用，由于用户可以输入任何 GitHub 用户的名称，查找该用户的信息需要一个具有大量存储和查询能力的后端，我们通过将请求转发到 GitHub API 并重新解释响应来模拟这一过程。

3. 通过 Web - jars 管理 JavaScript 依赖