Chrome(Edge) Extension Integration
Type "/" for commands
🧩
Chrome(Edge) Extension Integration
Lark user 6463
Lark user 1285Created on September 1, 2023
Step 1: Understand Our Dependency Packages
The dependencies for Kodepay have been encapsulated into an NPM package named 'kodepay'. You can install the latest version by using the following NPM package address.
The core contents of the package include:
•
index.cjs.js (CommonJS import entry)
•
index.esm.js (ES6 import entry)
•
kodepay.cjs.js (Backend script code - follows CommonJS import convention)
•
kodepay.esm.js (Backend script code - follows ES6 import convention)
•
kodepay-content.cjs.js (Injection page code - follows CommonJS import convention)
•
kodepay-content.esm.js (Injection page code - follows ES6 import convention)
The package has already encapsulated entry files. For users, you can directly choose the appropriate ones based on your project requirements.
// Example: Importing injection page code following the CommonJS import convention
import {Kodepay} from "kodepay";
// Example: Importing backend script code following the ES6 import convention
const KodepayContent = require('kodepay').KodepayContent
Step 2: Configure Kodepay Backend
1.
Activate your Kodepay account.
After registering with Kodepay, access the backend to obtain the relevant IDs and complete the necessary configuration. The backend can be accessed at https://kodepay.io/sandbox-vendors.
📍
Note:
1.
After importing the Kodepay NPMpackage into your plugin, you'll need to configure some parameters. Please complete this step in advance before importing the installation package.
2.
After registering a Kodepay account, you can use it in sandbox mode. In sandbox mode, you can access all of Kodepay's features and complete payment flow testing without actually using real funds.
2.
Obtain your application_id
application_id can be considered as an identifier for your account and will be required in all subsequent Kodepay API calls. Configure it at the following address.
3.
Create your plugin and obtain your extension_id
Obtain the extension ID for your plugin:
4.
Create your package and obtain your plan_id