Capacitor wrapper around Razorpay's Android and iOS SDKs
npm i -S https://github.com/razorpay/razorpay-capacitor.git
npm i -S https://github.com/razorpay/razorpay-capacitor.git#76fd7d6b59f631eb44e6ecebc9188b2425168beb
npm i -S https://github.com/razorpay/razorpay-capacitor.git#8faf4530bd5a701af190e64ac406ddb3ed2b1d2e
Add the Checkout class to the ArrayList in the MainActivity class in {{projectDir}}/android/src/main/MainActivity.java
import com.ionicframework.capacitor.Checkout;
public class MainActivity extends BridgeActivity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
registerPlugin(Checkout.class);
}
}
import { Checkout } from 'capacitor-razorpay';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
constructor(private alertController: AlertController) {}
async payWithRazorpay(){
const options = {
key: '[YOUR_KEY_ID]',
amount: '100',
description: 'Great offers',
image: 'https://i.imgur.com/3g7nmJC.png',
order_id: 'order_Cp10EhSaf7wLbS',//Order ID generated in Step 1
currency: 'INR',
name: 'Acme Corp',
prefill: {
email: 'gaurav.kumar@example.com',
contact: '9191919191'
},
theme: {
color: '#3399cc'
}
};
try {
let data = (await Checkout.open(options));
console.log(data.response+"AcmeCorp");
this.presentAlert(data.response);
} catch (error) {
this.presentAlert(error.message); //Doesn't appear at all
}
}
async presentAlert(response: string){
// let responseObj = JSON.parse(response)
console.log("message"+ response['razorpay_payment_id']);
const alert = await this.alertController.create({
message:response['razorpay_payment_id'],
backdropDismiss: true,
});
await alert.present();
}
}