Building a Plugin for Rave API

Need help Plugins
1

Hello all,

I’m wondering if anyone would be willing to give me a hand. Not a developer but would like to create a plugin that make use of Rave API (JS code) that you typically would embed on your webpage.

The embedded code is for a payment button feature called Rave (similar to Braintree/Stripe) but only available for use in Nigeria.

Below is a link to the documentation

I would be most grateful if anyone could reach out and hopefully we can build the plugin together.

Thanks

2

Hey tomi,
Depending on the level of integration you want it may be very easy.
The simplest and easy way is to use the Rave Checkout button.
Here are the steps.

  1. Create an account at rave and login
  2. On the left menu choose Rave Checkout
  3. On the Rave Checkout page create a new Rave Checkout button.
  4. Copy the button code.
  5. Come to bubble editor and paste the code in an html element.
  6. If the amount to be charged has to come from bubble just insert dynamic content in the “data-amount” field of the copied code.
  7. Congratulations, you can now start receiving payments in Nigeria.
    NB: You can pass the payment charge to the customer or you absorb it.
    In the demo below i’m passing the payment charge to the customer that is why you see that there is an additional amount.
    See a demo below. Try it and if you find any problems hit me up.
    ravepay

EDIT: After the steps above you will have to verify the payment. See documentation here how to do that https://flutterwavedevelopers.readme.io/docs/validate-payment
Happy bubbling.

2 Likes
3

Hello @seanhoots ,
First I just want to say thank you! You have no idea how much help you’ve been as I have no clue about API. Following your instructions I got it to work.

My challenge now is the verify payment aspect. I honestly don’t have a clue what to do next. I was told I need to write a webhook to do this in bubble since I cannot copy the sample code based on the documentation here https://flutterwavedevelopers.readme.io/docs/events-webhooks

Would you agree?

4

The verify payment part is not that difficult and i can assist you with that. There is another step which is the checksum. That should be your worry.
Rave pay expect you to generate a hash string (checkum) to make sure your payment is secure.
The payment modal (screen) that is showed above is client-side code so any malicious user can tamper with it. To remedy this you need to generate the checksum using an algorithm rave pay provide with your payment data and secret key. For obvious reasons (your secret key), this operation will have to be done serve-side which you can’t simply do in bubble now. I have some ideas i’m testing now. I’ve PMed you.

Definitely you can’t just copy that. That is just the payload (or response) that rave will send to your api endpoint when you initiate a payment. What you will need to do is to create an api endpoint in bubble and past it in your rave dashboard as explained in the link you sent.

Good luck