bsecure-checkout v1.0.20
bSecure Checkout
Pakistan's first universal checkout solution that is easy and simple to integrate on your e-commerce store.
About bSecure Checkout
It gives you an option to enable universal-login, two-click checkout and accept multiple payment method for your customers, as well as run your e-commerce store hassle free.\ It is built for desktop, tablet, and mobile devices and is continuously tested and updated to offer a frictionless payment experience for your e-commerce store.
Installation
You can install the package via npm
npm install bsecure-checkout --save
Getting Your Credentials
- Go to Builder Portal
- App Integration >> Sandbox / Live
- Select Environment Type (Custom Integration)
- Fill following fields:\ a. Store URL its required in any case\ b. Login Redirect URL Required for feature Login with bSecure\ c. Checkout Redirect URL Required for feature Pay with bSecure\ d. Checkout Order Status webhook Required for feature Pay with bSecure
- Save your client credentials (Client ID and Client Secret)
- Please make sure to keep credentials at safe place in your code
Configuration
The package can be initialized with below mentioned options:
let bsecure = new bSecure({
client_id: "YOUR-CLIENT-ID",
client_secret: "YOUR-CLIENT-SECRET",
environment: "YOUR-APP-ENVIRONMENT",
});
Usage
The package needs to be configured with your account's credentials, which is available in the bSecure Builder Portal:
const bSecure = require("bsecure-checkout");
let bsecure = new bSecure(config);
bsecure.createToken()
.then(response => console.log(response))
.catch(error => console.error(error));
Or using,
const bsecure = require("bsecure-checkout")(config);
bsecure.createToken()
.then(response => console.log(response))
.catch(error => console.error(error));
Or using ES modules and async/await:
import bSecure from 'bsecure-checkout';
(async () => {
try {
const token = await bsecure.createToken(config);
console.log(token);
} catch (error) {
console.error(error);
}
})();
bSecure Checkout
Create Order
To create an order you should have an order_id, customer and products object parameters that are to be set before creating an order.
Create Order Request Params:
Product Object:
Products object should be in below mentioned format:
"products": [
{
"id": "product-id",
"name": "product-name",
"sku": "product-sku",
"quantity": 0,
"price": 0,
"sale_price": 0,
"image": "product-image",
"description": "product-description",
"short_description": "product-short-description"
}
]
Shipment Object
Shipment object should be in below mentioned format:
1- If the merchant want his pre-specified shipment method then he should pass shipment method detail in below mentioned format:
"shipment": {
"charges": "numeric",
"method_name": "string"
}
Charges Object
Order charges object should be in below mentioned format:
"order_charge" : {
"sub_total" : "float",
"discount" : "float",
"total" : "float",
}
Customer Object
Customer object should be in below mentioned format:
1- If the customer has already signed-in via bSecure into your system and you have auth-code for the customer you can just pass that code in the customer object no need for the rest of the fields.
2- Since all the fields in Customer object are optional, if you don’t have any information about customer just pass the empty object, or if you have customer details then your customer object should be in below mentioned format:
"customer": {
"name": "string",
"email": "string",
"country_code": "string",
"phone_number": "string",
}
Create Order
(async () => {
try {
let order = bsecure.Order;
order.setOrderId('<ORDER-ID>');
order.setCharges('<ORDER-CHARGES>');
order.setCustomer('<CUSTOMER-OBJECT>');
order.setCartItems('<PRODUCT-OBJECT>');
order.setShipmentDetails('<SHIPMENT-OBJECT>');
let result = await order.createOrder();
return result;
} catch (err) {
throw new Error(err) }
})();
In response createOrder(), will return order expiry, checkout_url, order_reference and merchant_order_id.
{
"expiry": "2020-11-27 10:55:14",
"checkout_url": "bSecure-checkout-url",
"order_reference": "bsecure-reference",
"merchant_order_id": "your-order-id",
}
You have recieved bsecure order link now simply redirect the user to checkout_url
window.location.href = "http://bsecure-checkout-url";
When order is created successfully on bSecure, you will be redirected bSecure checkout app where you will process your checkout.
Callback on Order Placement
Once the order is successfully placed, bSecure will redirect the customer to the url you mentioned in “Checkout redirect url” in your environment settings in Builders Portal, with one additional param “order_ref” in the query string.
Order Updates
By using order_ref you received in the "Callback on Order Placement" you can call below method to get order details.
(async () => {
try {
let order = bsecure.OrderStatus;
order.setOrderRef("<ORDER-REFERENCE>");
let result = await order.getStatus();
return result;
} catch (err) {
throw new Error(err) }
})();
Order Status Change Webhook
Whenever there is any change in order status or payment status, bSecure will send you an update with complete order details (contents will be the same as response of Order Updates on the URL you mentioned in _Checkout Order Status webhook in your environment settings in Builders Portal. (your webhook must be able to accept POST request).
bSecure Single Sign On (SSO)
Routing
Next, you are ready to authenticate users! You will need two routes: one for redirecting the user to the OAuth provider, and another for receiving the customer profile from the provider after authentication.
Authenticate Client
If you are using a web-solution then use below method
(async () => {
try {
let status = bsecure.SingleSignOn;
let result = await status.authenticateClient("<STATE>");
return result;
} catch (err) {
throw new Error(err) }
})();
In response, authenticateWebClient will return auth_url, then simply redirect the user to auth_url
{
"auth_url": "your-authentication-url"
}
Client Authorization
On Successful Authorization,\ bSecure will redirect to Login redirect url you provided when setting up environment in Builder's portal, along with two parameters in query string: code and state
eg: https://my-store.com/sso-callback?code=abc&state=xyz
code recieved in above callback is cutsomer's auth_code which will be further used to get customer profile.
Verify Callback
Verify the state you received in the callback by matching it to the value you stored in DB before sending the client authentication request, you should only proceed if and only if both values match.
Get Customer Profile
Auth_code recieved from Client Authorization should be passed to method below to get customer profile.
(async () => {
try {
let status = bsecure.SingleSignOn;
let result = await status.getCustomerProfile("<AUTH-CODE>");
return result;
} catch (err) {
throw new Error(err) }
})();
In response, it will return customer name, email, phone_number, country_code, address book.
{
"name": "customer-name",
"email": "customer-email",
"phone_number": "customer-phone-number",
"country_code": "customer-phone-cod",
"address":
{
"country": "",
"state": "",
"city": "",
"area": "",
"address": "",
"postal_code": "",
},
}
Changelog
Please see CHANGELOG for more information what has changed recently.
License
The MIT License (MIT). Please see License File for more information.
Contributions
"bSecure – Your Universal Checkout" is open source software.
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago