![require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages](https://cdn.sanity.io/images/cgdhsj6q/production/be8ab80c8efa5907bc341c6fefe9aa20d239d890-1600x1097.png?w=400&fit=max&auto=format)
Security News
require(esm) Backported to Node.js 20, Paving the Way for ESM-Only Packages
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
flutterwave-angularjs
Advanced tools
An AngularJS library for RavePay Payment Gateway.
This AngularJS library provides a wrapper to add RavePay Payment to your AngularJS application
npm install flutterwave-angularjs
Then go ahead and reference the Rave inline script in your index.html:
<script src="//flw-pms-dev.eu-west-1.elasticbeanstalk.com/flwv3-pug/getpaidx/api/flwpbf-inline.js"></script>
For complete payment security, kindly use our integrity checksum feature to hash all payment values before passing it to the front end for processing.
Please see link to implement checksum: https://flutterwavedevelopers.readme.io/v1.0/docs/checksum
Also ensure you verify all transactions before giving value to your customer.
Please see link to verify transactions: https://flutterwavedevelopers.readme.io/v1.0/docs/status-check
app.module.ts
file
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { FlutterwaveAngularjsModule } from 'flutterwave-angularjs';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FlutterwaveAngularjsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
app.component.html
file
<rave-pay-button
[text]="'Pay me,my money'"
[className]="'paymentbtn'"
(callback)="confirmPayment($event)"
(close)="cancelledPayment()"
[key]="'FLWPUBK-xxxxxxxxxxxxxxxxxxxxxxxx-X'"
[reference]="generateReference()"
[amount]="10000"
[email]="'FooBar@rave.com'"
></rave-pay-button >
app.component.ts
file
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
confirmPayment(response): void {
console.log(response);
}
cancelledPayment(): void {
console.log('close');
}
generateReference(): string {
let text = '';
const possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
for (let i = 0; i < 10; i++) {
text += possible.charAt(Math.floor(Math.random() * possible.length));
}
return text;
}
}
WHEN DEPLOYING TO PRODUCTION/LIVE SYSTEM, take note of the following;
<script src="//api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js"></script>
git checkout -b feature-name
git commit -am 'Some commit message'
git push origin feature-name
Why not star the github repo? I'd love the attention! Why not share the link for this repository on Twitter or Any Social Media? Spread the word!
Don't forget to follow me on twitter!
Thanks! Ayeni Olusegun.
This project is licensed under the MIT License - see the LICENSE.md file for details
FAQs
An AngularJS library for RavePay Payment Gateway.
We found that flutterwave-angularjs demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
require(esm) backported to Node.js 20, easing the transition to ESM-only packages and reducing complexity for developers as Node 18 nears end-of-life.
Security News
PyPI now supports iOS and Android wheels, making it easier for Python developers to distribute mobile packages.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.