Mobile DevelopmentReact Native — CD in Bitrise [Part II— iOS]

Hi again. In the last part, we have set up our RN project, iOS certs, and profiles and the fastlane deployment. Now we can use all of this in the Bitrise panel!

Log in to your account and proceed with app creation:

Click Add New App and choose Add New App on web UI, then just proceed with app creation:

You might find help in this video.

Okay, you have an app. Now we can go to the workflow. You can delete all steps there except Activate SSH key (RSA private key) and Git Clone Repository 🙂 . Let’s add 3 steps:

1. Run yarn command (in which you execute yarn install)

2. Run CocoaPods install (in which you execute pod install)

3. Certificate and profile installer (to install our certs and profiles, we will upload them later)

4. fastlane(to run our deploy lane which we have prepared in part I)

Our workflow should look like:

Great, we have everything prepared. Now we can provide all the necessary data to make this actually works!

Firstly, we need to upload our certs and profiles. Go to Code Signing tab and upload our files which we have generated in part I. To get certificate in proper format (.p12), you need to open Keychain Access on your Mac and export certificate which was added to your keychain in Part I. You will be asked to secure it with password which you will have to use in bitrise panel.

Provisioning profile can be uploaded in the same form as we downloaded it before.

After that go to Secrets tab. Rememeber when we have genereted all necessary data in part I to handle connection? Now we will need it:

As you can see. Three variables: 

FASTLANE_APPLE_APPLICATION_SPECIFIC_PASSWORD, FASTLANE_SESSION and FASTLANE_PASSWORD are used to make proper authorization with Apple. Thanks to that we will be able to upload the build into Testflight.

1. FASTLANE_APPLE_APPLICATION_SPECIFIC_PASSWORD — value generated under your apple account

2. FASTLANE_SESSION — session generated with fastlane spaceauth -u

3. FASTLANE_PASSWORD — password to your apple account

Additionally if your apple account is in more than one team you have to add FASTLANE_ITC_TEAM_ID to variables. In the first part of our tutorial when we ran fastlane locally you probably noticed that the terminal asked you to choose the right team. If not, you probably don't need that variable. Bitrise build will immediately fail for that reason. The easiest way to get correct ITC_TEAM_ID is to run fastlane locally and wait for command prompt - you will see the list of your teams with itc_team_id next to the team name. Alternatively you can additc_team_idto your Appfile.

If you encounter some auth issues then regenerate the session with Apple and replace value under FASTLANE_SESSION.

Okay! In this moment we have everything configured we can run a build and after some time:

It works! 🎉

Of course we can have different issues related to bitrise. Bitrise is not free. To use it we need to subscribe to particular plan. I guess there is a free plan but it allows only for 30 minutes` pipelines. You might notice that this simple app has been building for 31 minutes and without paid plan my pipeline would have been aborted!

Great, now you have simple CD configured with Bitrise and Fastlane. I will extend this tutorial with next configs like react-native-config and Android deployment.

Cheers!