2017.02.22 更新:创建 React Native 项目
最近更新了一下在 React Native 课程里做的一个小项目,支持新版本的 React 与 React Native。我录了一个视频,没有过多剪辑,基本上就是一个完整的在 macOS 上运行 React Native 的 iOS 应用的全过程,你可以边看边操作。
项目更新
安装新版的 react-native-cli 工具,然后用这个新的工具去创建一个全新的 React Native 项目,我又把自己写的项目代码复制到这个新的项目里面,这样再次运行 React Native 就不会有什么问题了。
项目代码更新
我们在 React Native 课程里做的小项目用了豆瓣提供的 API:
- Top250:豆瓣评价最好的 250 个电影。
- 北美票房榜
- 电影搜索:搜索关键词返回相关的电影。
- OAuth 2.0:登录认证。
其中北美票房榜这个 API 有点问题,所以我把项目里用的这个 API 换成了豆瓣的 “正在热映” 。我在豆瓣开发者网站上申请的应用现在被阻止了,可能是豆瓣不允许大家一起使用应用的密钥,所以你现在要测试 OAuth 认证,你需要自己到豆瓣开发者网站上申请应用,然后在我们的项目里填写你自己的 key 与 secret 。
创建项目的流程
在 macOS 上运行我们做的 iOS 应用:
- 安装 node
- 安装 watchman
- 安装 react-native-cli
然后:
git clone git@github.com:ninghao/MovieTalk.git
进入到项目:
cd MovieTalk
安装项目需要的东西:
npm install
编译,安装,运行应用:
react-native run-ios
默认会在 iOS 模拟器上打开应用。
React


