status-im
/
react-native
mirror of https://github.com/status-im/react-native.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
react-native/docs/RunningOnDeviceIOS.md

42 lines
2.3 KiB
Markdown
Raw Normal View History

Add docs about running on device
2015-04-02 17:41:22 +00:00
---
[docs] Make it clear which Guides are platform-specific This is in preparation for open sourcing React Native for Android. Also add hyphens to URLs for consistency. This can break people's browser bookmarks but it's better to be consistent and we can redirect to docs: https://github.com/facebook/react-native/issues/2137 Test plan: Ran the website locally using `cd website; npm start` and checked all pages render correctly. http://i.imgur.com/RrPNgRr.png Will update "Getting Started", "Tutorial", "Debugging" and "Testing" separately.
2015-07-27 17:03:46 +00:00
id: running-on-device-ios
Split iOS and Android docs into different categories
2015-09-18 17:54:05 +00:00
title: Running On Device
Add docs about running on device
2015-04-02 17:41:22 +00:00
layout: docs
Split iOS and Android docs into different categories
2015-09-18 17:54:05 +00:00
category: Guides (iOS)
[docs] Make it clear which Guides are platform-specific This is in preparation for open sourcing React Native for Android. Also add hyphens to URLs for consistency. This can break people's browser bookmarks but it's better to be consistent and we can redirect to docs: https://github.com/facebook/react-native/issues/2137 Test plan: Ran the website locally using `cd website; npm start` and checked all pages render correctly. http://i.imgur.com/RrPNgRr.png Will update "Getting Started", "Tutorial", "Debugging" and "Testing" separately.
2015-07-27 17:03:46 +00:00
permalink: docs/running-on-device-ios.html
Add docs to show how to select specific simulator. Summary: Add a message to let people know they can use the `--simulator` flag to run their apps on different simulators instead of the default "iPhone 6" Closes https://github.com/facebook/react-native/pull/8078 Differential Revision: D3464912 Pulled By: JoelMarcey fbshipit-source-id: b59d5061d2b3501618602932fcc285bac99b7573
2016-06-21 19:53:07 +00:00
next: running-on-simulator-ios
Make prev links work in guides and APIs. Summary: We had rendering support for prev links, but we never had any previous links in our metadata. Only next links. This adds that support to both Guides and APIs. **For guides**: `previous` is manually inserted into the metadata of the actual markdown file. **For APIs/Components**: `previous` is established via code within `extractDocs.js` > This isn't totally perfect. For example, the transition from the last guide to the first API/component has a next link from the guide, but not a previous link from the API since the way you get the previous links are different from guides and APIs. But this gets us really close. Closes https://github.com/facebook/react-native/pull/8754 Differential Revision: D3557972 Pulled By: hramos fbshipit-source-id: e270bb51e7a4f59f61dad28ae0928d27d0af3d4a
2016-07-13 21:45:53 +00:00
previous: linking-libraries-ios
Add docs about running on device
2015-04-02 17:41:22 +00:00
---
running on device does not require apple dev program#2 Summary: supersedes #9197 Closes https://github.com/facebook/react-native/pull/9198 Differential Revision: D3666896 Pulled By: hramos fbshipit-source-id: 2177841dc1791545001a640992a01c83369fb9c8
2016-08-04 00:45:42 +00:00
Running an iOS app on a device requires only an Apple ID and a Mac. This guide covers only React Native specific topics.
Add docs about running on device
2015-04-02 17:41:22 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
## Accessing the development server from device
Add docs about running on device
2015-04-02 17:41:22 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
You can iterate quickly on device using the development server. First, ensure that you are on the same Wi-Fi network as your computer.
Add docs about running on device
2015-04-02 17:41:22 +00:00
Remove instructions about IP address on iOS Summary: The documentation was not updated after this change : Implemented automatic IP detection for iOS (8c29a52) Fixes #8651. Closes https://github.com/facebook/react-native/pull/8660 Differential Revision: D3539749 fbshipit-source-id: fe3b37c446a8c37941adbb08c4301284950a176a
2016-07-09 02:11:00 +00:00
In Xcode, select your phone as build target and press "Build and run"
Add docs about running on device
2015-04-02 17:41:22 +00:00
> Hint
>
Fix broken links in the documentation Summary: Links were missing the `/react-native` prefix. Testable with the deployed version at https://facebook.github.io/react-native/docs/handling-touches.html. Closes https://github.com/facebook/react-native/pull/8752 Differential Revision: D3556553 Pulled By: hramos fbshipit-source-id: e4aee3719e05f65181de4dff244c5f0c333f7f01
2016-07-13 18:48:28 +00:00
> Shake the device to open the [developer menu](/react-native/docs/debugging.html#accessing-the-in-app-developer-menu).
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
## Building your app for production
You have built a great app using React Native, and you are now itching to release it in the App Store. The process is the same as any other native iOS app, with some additional considerations to take into account.
Fix documentations to build application in production Summary: The Xcode menu where you can `Edit Scheme` is called `Product` and not `Project`. ![capture d ecran 2016-09-26 a 12 20 30](https://cloud.githubusercontent.com/assets/1385737/18830997/a385fbfe-83e3-11e6-9a03-ef542b3da00d.png) Closes https://github.com/facebook/react-native/pull/10111 Differential Revision: D3924147 Pulled By: hramos fbshipit-source-id: 6e1f642524c91c80fcd1cd393d117c770cfae40e
2016-09-26 15:39:05 +00:00
Building an app for distribution in the App Store requires using the `Release` scheme in Xcode. To do this, go to `Product -> Scheme -> Edit Scheme (cmd + <)`, make sure you're in the `Run` tab from the side, and set the Build Configuration dropdown to `release`.
Update RunningOnDeviceIOS.md Summary: Should help people with less xcode experience. Closes https://github.com/facebook/react-native/pull/9748 Differential Revision: D3819960 Pulled By: mkonicek fbshipit-source-id: 2d73611a5ed7261c95eded2f3e20eeb660527cdc
2016-09-05 20:58:41 +00:00
Apps built for `Release` will automatically disable the in-app developer menu, which will prevent your users from inadvertently accessing the menu in production. It will also load the JavaScript locally, so you can put the app on a device and test whilst not connected to the computer.
Once built for release, you'll be able to distribute the app to beta testers and submit the app to the App Store.
Update RunningOnDeviceIOS.md
2015-10-13 19:08:11 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
### App Transport Security
[Docs] Clean up debugging docs
2015-04-29 23:59:50 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
App Transport Security is a security feature, added in iOS 9, that rejects all HTTP requests that are not sent over HTTPS. This can result in HTTP traffic being blocked, including the developer React Native server.
[Docs] Clean up debugging docs
2015-04-29 23:59:50 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
ATS is disabled by default in projects generated using the React Native CLI in order to make development easier. You should re-enable ATS prior to building your app for production by removing the `NSAllowsArbitraryLoads` entry from your `Info.plist` file in the `ios/` folder.
Add docs about running on device
2015-04-02 17:41:22 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
To learn more about how to configure ATS on your own Xcode projects, see [this post on ATS][cats].
Add docs about running on device
2015-04-02 17:41:22 +00:00
Move everything out of Known Issues and into more appropriate locations. Summary: Two of the known issues have been moved to the issue tracker: * #8315 * #8316 Others have been moved into more appropriate locations, such as the `TextInput` issue to the API doc itself, and the React debugging issue to the Debugging doc. The Android-specific compatibility concerns have been dropped entirely as it does not seem like people would find these in the docs. Closes https://github.com/facebook/react-native/pull/8321 Differential Revision: D3477999 Pulled By: JoelMarcey fbshipit-source-id: dfffc9910ebf5514eb14c6aa8a9a3e70761db874
2016-06-23 21:12:01 +00:00
[cats]: http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/