CI/CD for React Native

With Buddy, you can create a pipeline that builds, tests, and deploys React Native applications on a push to Git. The configuration is super simple and takes 10 to 15 minutes.

Image loading...[画像:React Native pipeline example]

1. Create a new project

Go to Projects and click Create new project. Select your Git hosting provider (Buddy, GitHub, Bitbucket, GitLab, or Private Server) and enter your project name.

Image loading...[画像:Create new project]

2. Add a new pipeline

Navigate to Pipelines and click New pipeline. In the form, configure the following:

• Name - Enter a descriptive name for your pipeline (e.g., "Deploy to production")
• ID - Optional identifier for the pipeline
• CPU - Select architecture: x64 or ARM64
• Resources per pipeline run - Choose resource allocation (default: Workspace default)
• Definition Location - Optionally check "Store configuration in a Git repository" to use YAML files

Click Add pipeline to create it.

Image loading...[画像:Add new pipeline]

3. Configure workflow: contexts and triggers

After creating the pipeline, go to the Workflow tab to configure:

Image loading...[画像:Configure Workflow]

• Contexts - Click + to add Git branch/tag context or Environment. See Contexts.

• Triggers - Click + to add Git events, Schedule, or Webhook. See Workflow Configuration.

4. Add actions

Buddy lets you choose from dozens of predefined actions. In this example, we'll add 4 actions that will perform the following tasks:

• Build and test React Native app: download dependencies (npm, yarn, etc.), run tests, compile assets (npm tasks, webpack, etc.)
• Upload code to server together with compiled assets
• Restart application
• Send notification to Slack

4.1 Configure your React Native application

Look up and click React Native on the action list to add it to the pipeline:

Image loading...[画像:Action list]

Buddy lets you select the Node version of your Android build:

Image loading...[画像:Configuring React Native application]

4.2 Build your React Native application

Here you can determine the commands to execute. The default commands are:

bash
npm install
cd ./android
chmod +x gradlew
./gradlew assembleRelease
$$$$

Image loading...[画像:Default React Native action build commands]

4.3 Sign your application (APK)

The next step is adding the Sign APK action. Select the path of the APK and provide the keystore with its password:

Image loading...[画像:Configuring Sign APK]

4.4 Deploy APK to Google Play

The package is now ready for deployment. Select Google Play Publish APK to proceed:

Image loading...[画像:Google Play action]

When adding the action, you can choose what and where should be uploaded:

Image loading...[画像:Configuring Google Play action]

4.5 Send notification to Slack

You can configure Buddy to send your team a message after the deployment. In this example we'll use Slack:

Image loading...[画像:Notification actions]

5. Summary

Congratulations! You have just automated your entire delivery process. Make a push to the selected branch and watch Buddy fetch, build, and deploy your project. With Continuous Delivery applied, you can now focus on what's really important: developing awesome apps! 🔥