KonishiLee's Blog

Movie-Plate 前期准备工作

前言

React-Native(以下简称 RN) 刚刚发布至今,除了刚刚发布的时候一直倒腾了一段时间,那个时候 Android 还不支持,做了一个 IOS 的小的 demo,确实觉得 RN 是一个不错的值得学习的框架,基于对 React 的喜欢,所以 RN 也是非常让我喜欢的,因为最近项目一直在想怎么重构的事情,所以也一直想把 React 拿出来重温一下。

准备做一个 App

重温了一下 RN 的资料,准备做一个 App,只是简单的运用一下 RN 的知识,所以就不想写 API 了,直接在网上找一个可以直接调用的 API,但是现在很多 API 都有 OAuth2 认证,后来突然找到了 【猫眼】 的 API,公开的。可以很简单的使用,而且走出来之后应该还是比较有用。所以就确定了做一个关于查看最近电影的,各大院线查询的一个 App。

API

确定了做 App 之后,第一步就要先搜集一下需要使用到的 API 啦。

电影列表

1
2
3
4
5
http://m.maoyan.com/movie/list.json?type=hot&offset=0&limit=1000
# type=hot 类型
# offset 数据开始位置
# limit 偏移量

电影详情

1
2
3
4
http://m.maoyan.com/movie/xxx.json
# xxx 列表所得到的 movieid
# 这里返回了电影详细信息,电影评论

加载更多评论

1
2
3
4
5
http://m.maoyan.com/comments.json?movieid=xxx&limit=5&offset=5
# movieid
# offset 数据开始位置
# limit 偏移量

院线

1
2
3
http://m.maoyan.com/cinemas.json
# 获取你周边的影院列表

查看影院详情

1
2
3
4
http://m.maoyan.com/showtime/wrap.json?cinemaid=xxx&movieid=xxx
# cinemaid 列表中得到的 cinemaid
# movieid

选座

1
2
3
http://m.maoyan.com/show/seats?showId=xxx&showDate=2015-06-05
# showId 影院详情中的 showId

总结

把所有的 API 都找到了,那接下来就应该设计一下 App 长什么样子了,接下来一篇就来介绍一下 App 设计方面的事情了。

如果喜欢这个分享,就帮忙买杯咖啡吧