FeatAPI 的第三发认证授权是基于 OAuth2.0 实现的。获取用户token,并且以有用户身份获取用户资源的流程,如下图所示。
继续阅读Party API 概述
Party API 是一组通过使用Party功能进行发送消息、添加好友、建立群组等社交互动的RESTful API。对于大部分的网页应用(包括移动应用),Party API 是授权访问用户的Party数据的最佳选择。
继续阅读Dimzou API 概述
Dimzou API 是一套可用于多人同时协同写作的 RESTful API。对于大部分的网页应用(包括移动应用),Dimzou API 是授权访问用户的Dimzou数据的最佳选择。
Dimzou API 提供了关于Bundle, Publication 的富有表现力的接口,让你可以灵活地访问用户的 Dimzou 数据。选择一种你喜欢的现在语言,你可以通过这些API在你的应用中添加 Dimzou 的特色功能,如:
- 获取一个Bundle列表
- 创建、编辑、插入段落、发布、删除bundle
- 修改bundle的可见性,公开、仅合作者可见
- 为bundle添加应用场景、分类
- 审核段落的各个版本
- 添加章节合作者
使用Dimzou API所需的全部就是注册成为Feat.com的用户并进行身份验证。
继续阅读[File-X Demo] — 事件的评论
接下来我们将会为 File-X 客户端添加事件评论的评论功能。评论相关的功能有:
- 查看评论列表
- 创建评论
- 回复评论
- 修改评论
- 删除评论
我们可以看到,这个跟“事件”包含的功能还是挺像的,所以这一部分,我们就当作第一阶段的功能小结。那么我们就直接撸起袖子,开始干!!!
继续阅读[File-X Demo] — 事件管理
上一个教程,我们的应用已经可以以“当前用户”的身份来调用数据。那么,其实我们的应用已经可以“当前用户”的身份来,创建、发布、删除的“事件”的能力了。
用户的 Token 其实是有使用范围的限制的,只是现在我们的应用已经获得的相关的授权,所以这里先不要考虑中。更多 OAuth 2.0 Scope 的介绍可以查看: OAuth Scopes
这一部分教程,我们改变一下编写代码的步骤。不再以页面的角度来一步一步进行开发,而是从代码层次的角度展开工作。
继续阅读[File-X Demo] — OAuth 2.0 Implicit Grant Type
完成上一教程的“额外任务”后,我们现在可以开始编写“我的”页面了。
继续阅读[File-X Demo] — 优化“发现”页面
在上一教程中,我们已经成功调用 File-X API 来获取数据。接下来,我们对发现页面进行优化,添加滚动加载以及下拉刷新的功能,并且调整“事件”的展示
滚动加载及下拉刷新
滚动加载以及下拉刷新在现在的手机页面上还是比较常见的功能。这里我们将使用 react-infinite-scroll-component
这个第三方组件来实现这个功能。
[File-X Demo] — “发现”页面
我们开始制作第一个路由页面——“发现”页面。在开始制作页面之前,我们需要先分析一下页面上的内容,看看这个页面上有什么内容,这些内容是怎么摆放的。
页面分析
在开始编码之前,我们先查看一下“设计稿”。
从布局上来讲,我们可以将“发现”页面的内容分为三部分,“头部(页面标题)”、“内容(事件列表)”,“底部(页面导航)”。
从内容上来讲,中间是个事件列表。我们需要调用 File-X API 来获取数据,并在页面中进行渲染
继续阅读[File-X Demo] — 项目初始化
使用 create-react-app 创建项目
我们的项目使用 create-react-app
这个官方脚手架来初始化项目。
继续阅读Create React App is an officially supported way to create single-page React applications. It offers a modern build setup with no configuration.
使用 React 制作 File-X 客户端系列教程
本系列教程将会教大家如何使用 react 并结合 Feat 开发工程提供的 File-X API 一步一步地搭建一个第三方 File-X 客户端。
File-X 的 Feat.com 开放项目的一个功能模块。方便用户记录自己的高光时刻,并可查看周边及好友的发生的事件情况。想要了解更多,可查看 File-X API 概述 以及 File-X API 参考
通过这个系列教程,大家将会学会(了解):
- 使用
create-react-app
创建 React 单页面应用 - 使用
react-router-dom
控制前端路由 - OAuth 2.0 Implicit Grant Type 的认证流程
- 如何调用 File-X API
File-X API 概述
File-X API 是一套可用于发布时间、获取信息流等使用File-X功能的 RESTful API。对于大部分的网页应用(包括移动应用),File-X API 是授权访问用户的File-X数据的最佳选择。
File-X API 提供了关于Event
, Plates
的富有表现力的接口,让你可以灵活地访问用户的 File-X 数据。你可以选择一种你喜欢的编程语言,通过这些API在你的应用中添加 File-X 的特色功能,如:
- 获取一个事件列表
- 创建、更新、发布、删除事件
- 修改事件的可见性,公开、仅好友可见或私密
- 获取“此时”数据流
- 获取“此地”数据流
你只需要选择一个与你的应用语言相匹配的 File-X API 客户端,并且以用户角色进行认证。
继续阅读