Skip to content

Instantly share code, notes, and snippets.

@kis

kis/react native build process

Created May 27, 2018 20:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kis/9eec503b7172d9e20b901516decb08e5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kis/9eec503b7172d9e20b901516decb08e5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @ontourcovers ontourcovers created this gist May 27, 2018.
    72 changes: 72 additions & 0 deletions react native build process
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,72 @@
    # react-native-build-process
    Typical React Native Build Process

    ![alt text](https://cdn.lifehacker.ru/wp-content/uploads/2015/10/tools_1444516709-1140x570.jpg)

    #### Run app

    iOS
    ```sh
    react-native run-ios
    ```

    #### Manual mobile app delivery, build and deployment processes

    **You will need:**

    - Apple Developer Account provided by Your Organization
    - Developer Account for Installr App (or other service) **https://www.installrapp.com** provided by Your Organization
    - Xcode IDE

    **Configure Apple Developer Account:**

    - Read the
    https://help.apple.com/xcode/mac/current/#/dev3a05256b8
    https://help.apple.com/xcode/mac/current/#/dev8b4250b57
    - Add development **certificate**, probably you will need to configure that using **Keychain Access** app
    - Add **App ID**
    - Add test devices (requires device **UDID**)
    - Configure **development** provision profile with App ID, certificates and devices lists and download that.

    **Steps to follow for building the mobile app:**

    - Open project in Xcode IDE
    - Select project **target** and then select the **General** tab, there's some steps for signing process
    - Use manual **signing**, check select for adding the provision profile, add the provision profile that you've downloaded before and select that
    - Select the team, you should be able to select Your Organization team if you have configured Apple Developer Account correctly
    - Signing certificate field should be filled automatically
    - Execute **Product -> Archive**, process will take few minutes
    - Export the **.ipa** file, download that
    - Open Installr service and click the button **Upload New Version**
    - Select **.ipa** file and load that
    - Provide build information with **build number** and list of changes, like **Bug Fixes, Features, Updates** etc
    - Next step is to invite the testers, testers will receive the emails with the install link. To have a possibility to install app the tester's devices should be added to Apple developer account before the build (you need UDID's to be added). **Attention!** If you need to add new person you should add device and regenerate the provision profile.

    ![alt text](https://cdn-images-1.medium.com/max/1600/1*H1CW7yqqfdaeZKxfWL4FUA.jpeg)

    #### Automatic build and deploy processes

    https://speakerdeck.com/krausefx/mceconf-warsaw
    https://github.com/fastlane/fastlane
    https://fastlane.tools/
    https://codesigning.guide/
    https://docs.fastlane.tools/
    https://circleci.com/docs/2.0/ios-codesigning/#setting-up-fastlane-match
    https://savvyapps.com/blog/continuous-integration-ios-jenkins

    #### Test app on different devices

    Run and test the app on connected device according to
    https://help.apple.com/xcode/mac/current/#/dev5a825a1ca

    For testing on different iOS versions you will need to install different emulators.
    Go to XCode -> Preferences -> Components

    #### Services of mobile apps ecosystem

    https://appetize.io/
    https://hockeyapp.net/
    https://www.diawi.com/
    https://www.buddybuild.com/
    http://try.crashlytics.com/
    http://appium.io/