Mweb Intent

The API can be used for providing intent support on mobile web. When the Customer chooses the UPI app on the payment page and clicks the Pay button, Merchant calls Juspay’s transaction API with parameters depending on different payment methods chosen by the Customer. The API response will have the parameters required for constructing the intent URI. Merchant can then construct the URI and invoke the APP using chrome intent feature.

Construction of UPI Pay String code through the string mentioned

The sdk_params obtained in the response of the UPI transaction call should be used for constructing the Intent URI.

Sample URI:
upi://pay?tr=202101345671229366&tid=121313202101345671229366&[email protected]&mc=1234&pn= Merchant%20Inc&am=1.00&cu=INR&tn=Pay%20for%20merchant

Format:
upi://pay?tr=...(enter the tr).......&tid=...(enter the tid).......&pa=.....(enter merchant_vpa)...&mc=....(enter the mcc)...&pn=....(enter
the Merchant name)...&am=.....(enter the amount).....&cu=INR&tn=....(description for the transaction)..

📘

Note:

In the URI spaces are replaced by "%20". The URI is encoded. Kindly generate the intent URI dynamically ie, based on the params received in the sdk_params response. Do not hardcode any keys or values as it can differ with different PG’s.

How to create an intent from mWeb browser?

Once the URI is constructed, it should be embedded into the page. The mobile browser
then checks for the UPI apps on the phone and displays them. Customer clicks on the app
and completes the payment.

Sample Reference for chrome Intent is given below:
https://developer.chrome.com/multidevice/android/intents

## How to handle payment status once the payment is completed? ##

Unlike in Web collect, where the success response is redirected to the merchant's return url
as well as through server callback, in M-Web Intent, only a callback response is posted on
Merchant’s server. This is because UPI intent is an App to app switch push payment.
While payment is being done via the UPI app, Merchant has to show a waiting/loader page on the background. Merchants should continuously poll their own server to check for Juspay
callback of payment status and give the response in the frontend to the client side.
Merchant can also call the order status API of Juspay to check the Order Status of the
transaction.

👍

The Same API can be used for generating the QR code for desktop web.

Language
Authentication
Basic
base64
:
Click Try It! to start a request and see the response here!