Mobile Protect SDK for React Native (manual)

Owned by Alban (Unlicensed)
Last updated: Jul 21, 2023 by Federico Sandri
1 min read

The Mobile Protect SDK has a dedicated integration for iOS and Android apps built using React Native. This document will take you through the steps to integrate the SDK into your build system. For other guides, check out Mobile Protect Installation Guides

To fetch the Mobile Protect SDK via React Native, an API key is needed. If you haven’t received an API key for Mobile Protect, please contact us.

Preface

This will involve some steps on the React Native side as well as some steps on both iOS and Android.

React Native Integration

Step 1

Download the SDK from the Mobile Protect in the Portal.

Step 2

Copy the react-native-mobileprotect.tgz file to the root of the React Native project.

Step 3

Add mobile-protect as a dependency in your package.json file.

$ npm install react-native-mobileprotect.tgz

The project’s package.json should then contain the following entry:

"dependencies": { "mobile-protect": "react-native-mobileprotect.tgz", }

See About semantic versioning | npm Docs for deciding if pinning the versions is the best practice for your project.

Android Integration

  1. Follow the steps on Mobile Protect SDK for Android via Maven

  2. In the Android project copy the mobileprotect.xml config file into the React Native project's Android xml resources folder. If the xml directory does not exist, create it.

iOS Integration

  1. Follow step 1 on Mobile Protect SDK for iOS via CocoaPods (cocoapods.org)

  2. In the iOS project copy the MobileProtect.plist config file into the React Native project's Xcode project. See Add Existing Files and Folders to a Project for instructions.

Results

Please visit https://www.securetheorem.com/mobile/protect to see the list of your apps and the state of protection, along with the individual protection item details.