Integrate hyper SDK to your Swift App using hyperswitch-node
Use this guide to integrate Hyperswitch SDK to your iOS app. You can use the following app as a reference with your Hyperswitch credentials to test the setup. You can also checkout the app on Apple Testflight to test the payment flow.
Requirements
iOS 12.4 and above
CocoaPods
npm
1. Setup the server
1.1 Install the hyperswitch-node library
Install the package and import it in your code
$ npm install @juspay-tech/hyperswitch-node
1.2 Create a payment
Before creating a payment, import the hyperswitch-node dependencies and initialize it with your API key.
Add an endpoint on your server that creates a Payment. Creating a Payment helps to establish the intent of the customer to start a payment. It also helps to track the customerβs payment lifecycle, keeping track of failed payment attempts and ensuring the customer is only charged once. Return the client_secret obtained in the response to securely complete the payment on the client.
// Create a Payment with the order amount and currencyapp.post("/create-payment",async (req, res) => {try {constpaymentIntent=awaithyper.paymentIntents.create({ currency:"USD", amount:100, });// Send publishable key and PaymentIntent details to clientres.send({ clientSecret:paymentIntent.client_secret, }); } catch (err) {returnres.status(400).send({ error: { message:err.message, }, }); }});
2. Build checkout page on your app
2.1 Configure your repository with Hyperswitch dependency
CocoaPods Setup (only required if not already done)
Install the latest version of CocoaPods
To create a Podfile run the following command
pod init
SDK Setup
Add these lines to your Podfile:
#use_frameworks!#target 'YourAPP' do pod 'HyperswitchCore'#end
Run the following command:
pod install
Remember that moving forward, you should open your project in Xcode using the .xcworkspace file rather than the .xcodeproj file.
To update to the latest version of the SDK, run:
pod install --repo-update
2.2 Setup the SDK and fetch a Payment
Fetch a payment by requesting your server for a payment as soon as your view is loaded. Store a reference to the client_secret returned by the server, the Payment Sheet will use this secret to complete the payment later. Setup the SDK with your publishable key.
Create a PaymentSheet instance using the client_secret retrieved from the previous step. Present the payment page from your view controller and use the PaymentSheet.Configuration struct for customising your payment page.
Handle the payment result in the completion block and display appropriate messages to your customer based on whether the payment fails with an error or succeeds.
Create a card element view and pay button and handle the payment result in the completion block and display appropriate messages to your customer based on whether the payment fails with an error or succeeds.