weapp-github：微信小程序实现GitHub功能展示

weapp-github是一个简单的微信小程序项目，旨在通过微信小程序展示GitHub上的热门项目、用户的个人仓库和信息。虽然GitHub官方没有开放Trending接口，项目使用搜索功能实现了一种类似的展示方式，同时支持对用户“star”过的仓库和个人信息的查看，是一个探索微信小程序开发的有趣示例。

项目功能简介

weapp-github主要实现了以下几项功能：

Trending展示：模拟GitHub的Trending页面，通过搜索功能展示一周内创建并且“star”数量最多的项目。
用户star的仓库：可以查看当前用户star过的GitHub仓库列表。
个人信息和仓库：显示用户的基本信息及其拥有的GitHub仓库。
简单登录：通过basic登录方式获取用户数据，未使用OAuth2认证。

实现细节

1. Trending展示

由于GitHub官方并未开放Trending接口，项目通过搜索API实现类似的效果。搜索的条件是过去一周内创建的项目，并按“star”数量排序展示。虽然这种方法和官方的Trending有所不同，但依然能够展示当前流行的开源项目。

2. 用户star的仓库

在“star”页面可以查看用户star过的仓库列表。为提高加载效率，项目为star数据做了两分钟的缓存，避免频繁请求GitHub API。

3. 个人信息和仓库展示

weapp-github支持用户登录后查看个人信息和其GitHub仓库的详细信息，包括公开和私有仓库。界面简洁明了，使用微信小程序的基础组件进行展示。

4. 登录机制

由于微信小程序无法跳转到外部链接，因此项目未使用GitHub的OAuth2认证，而是采用了basic登录的方式。虽然这种方法比较简单，但对于开发者学习如何与外部API交互是一个很好的示例。

项目存在的问题

Picker组件限制：微信小程序的picker组件在项目中只能筛选4个选项，可能是组件自身的限制或小程序的bug。
语言筛选问题：在star页面中使用语言筛选时，只能对已经加载的项目进行筛选，未加载的项目无法进行语言筛选。同时，在加载过程中存在loading显示不一致的问题。

项目使用指南

如果你想尝试运行或进一步开发weapp-github，可以按照以下步骤进行操作：

克隆项目代码：从GitHub上下载weapp-github的源代码，确保所有文件完整。
导入微信开发者工具：在微信开发者工具中创建新项目，并将项目目录指向代码的根目录。
配置GitHub API：项目需要与GitHub API交互，因此需要配置你的GitHub个人访问令牌（Personal Access Token）。可以在代码的配置文件中添加该令牌，以便正确调用API。
运行调试：在微信开发者工具中运行项目，调试各个页面的功能，确保Trending展示、个人信息、star仓库等模块正常工作。

项目开发背景

weapp-github项目的开发初衷是为了探索如何在微信小程序中集成第三方API，并展示外部数据。虽然小程序的功能较为基础，但涵盖了微信小程序开发中的多个知识点，如数据绑定、API调用、页面跳转和组件使用等。这对于刚接触小程序开发的人来说，是一个有价值的学习案例。

项目开发中的注意事项

GitHub API限制：GitHub的API有请求速率限制，如果频繁调用可能会触发限制，建议使用缓存来减少请求次数。
登录方式的安全性：由于项目未使用OAuth2认证，而是采用了basic认证，这种方法并不安全，仅适用于开发学习。生产环境中应使用OAuth2认证来提高安全性。
微信小程序的组件问题：如picker组件存在的筛选限制问题，需要在开发过程中根据实际情况调整界面和逻辑。

weapp-github作为一个微信小程序的练手项目，非常适合学习如何与外部API进行交互。通过开发这个项目，可以掌握小程序开发的基础知识，并学习如何处理数据加载、事件绑定和界面布局等问题。当然了，由于小程序平台的限制，项目在某些细节上会遇到一些挑战，比如登录方式的实现、数据缓存等，但这也正是提高开发技能的好机会。