Setup

Installation

1. Add a new App Clip target to your project from XCode by following this link. Make sure to use Storyboard as Interface and Objective-C as Language

2. Run npm i -g @bildit-platform/appclip-generator then bildit-appclip-generator g (Make sure to run the CLI on your React Native project root directory.)

3. Select react-native as the framework

4. Provide your iOS *.xcodeproj name without the suffix

5. Enter your App Clip target name

6. Enter your Merchant ID that will be used in Apple Pay

7. You can check the generated files on your React Native project.

App Clip Invocation URL

In order for the App Clip to work correctly, you need to provide a productID query parameter, example: https://example.com?productID=25772717

If you want to customize this extraction, check the entry file index.appclip.js and customize the RegEx

Apple Docs

To find out more about App Clips, check Apple's official documentation here.