Setup
Installation
-
Add a new AppClip target to your project from XCode by following this link. Make sure to use
StoryboardasInterfaceandObjective-CasLanguage -
Run
npm i -g @bildit-platform/appclip-generatorthenbildit-appclip-generator g(Make sure to run the CLI on your React Native project root directory.) -
Select
react-nativeas the framework -
Provide your ios *.xcodeproj name without the suffix
-
Enter your AppClip target name
-
Enter your Merchant ID that will be used in Apple Pay
-
You can check the generated files on your React Native project.
AppClip Invocation URL
In order for the AppClip 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 official documentation here.