構建 F8 2016 App 附錄 I：本地運行 App

上一篇：構建 F8 2016 App （四）：測試

當你從蘋果商店或者谷歌 Play 上下載了 F8 App，并可以在移動設備上運行它以后，閱讀這些教程的同時你也會希望在本地運行 App 玩一玩。

這篇簡短的文章，將指導你如何在 OSX 本地搭建和運行源代碼（安卓版 React Native 可以支持在 Windows 和 Linux 運行）。

要求

在開始之前，你需要安裝一些必要的東西：

1. React Native (根據 iOS 和 Android 的引導說明)
2. CocoaPods 1.0+ (僅 iOS)
3. MongoDB (需要在本地運行 Parse Server)

搭建

1. 克隆倉庫

$ git clone https://github.com/fbsamples/f8app.git
$ cd f8app

2. 安裝依賴（npm v3+）

$ npm install
$ (cd ios; pod install)        # only for iOS version

3. 確認 MongoDB 運行正常

$ lsof -iTCP:27017 -sTCP:LISTEN

或者使用外部 MongoDB 服務，設置 DATABASE_URI

$ export DATABASE_URI=mongodb://example-mongo-hosting.com:1337/my-awesome-database

4. 啟動 Parse/GraphQL 服務

$ npm start

5. 導入樣本數據（本地的 Parse 服務已經運行）

$ npm run import-data

訪問以下地址確認一切正常運行：

• Parse Dashboard: http://localhost:8080/dashboard
• GraphiQL: http://localhost:8080/graphql

6. 運行 Android 版 App

$ react-native run-android
$ adb reverse tcp:8081 tcp:8081   # required to ensure the Android app can
$ adb reverse tcp:8080 tcp:8080   # access the Packager and GraphQL server

7. 運行 iOS 版 App

$ react-native run-ios

下一篇：構建 F8 2016 App 附錄 II 使用 Relay 和 GraphQL

來自：pockry