How to run React Native at appetize

In this article, I show you how to run React Native at appetize. I never thought that I would encounter such a problem upload and launch React Native iOS to Appetize in 2018, namely the search for an online emulator to run an application on React Native under ios. In 2016, there were several online emulators on the market:

  1. React Native Playground — do not work
  2. Reploy.io — do not work
  3. Appetize.io – still working
  4. Siphon — do not work

3 of 4 projects are closed. Appetize alone. It took several hours of surfing the Internet and trying to upload your react native app there. Below is a detailed guide on how to load the react native app to appetize.

Here are 6 simple steps on how to upload and run React Native at appetize

1. React Native ejection iOS app if you use Expo

The first step is to eject your application from react native to get the native code for ios. In the root folder of the application, run from the terminal

2. Open .xcodeproj file

The second step is to go to the ios folder that appeared in the root folder of your application and open the .xcodeproj file using Xcode.

Image for post
Image for post

3. Remove localhost from info.plist

Open Info.plist and inside App Transport Security settings and Exception Domains. You need to find localhost and remove it.

before:

Image for post
Image for post

after:

Image for post
Image for post

4. Build a release configuration.

Go to Product -> Scheme -> Edit Scheme in Xcode. Select the “Release” tab and set the “Build Configuration” drop-down menu for the release.

Image for post
Image for post
Image for post
Image for post

5. Build an app with release scheme

Select Product -> Build from XCode or build the app from the command line using this command inside root folder of your react native project:

Image for post
Image for post

6. archive and upload to appetize

Make .zip archive the “build” folder inside “ios” folder. And upload to appetize ios. That’s it! Enjoy!

Image for post
Image for post

Originally published at code.market on February 23, 2019.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store