Kop-pay NPM | npm.io

kop-pay

kop-pay是使用支付服务的必要SDK，通过它可以让您的网站快速集成支付能力

集成指南

使用该SDK请确保您传递了“accessToken”参数，并且该SDK在浏览器中已加载完毕，否则将无法正常运作！获取方式请参考此处

1、符合commonjs规范 2、符合esm规范

获取代码

CDN: https://koppay-1252325870.cos.accelerate.myqcloud.com/payStation/dist/bundle.js yarn add kop-pay npm i kop-pay

初始化

CDN

window.onload = function () {
    const options = {
        accessToken: '12345678',
        lightbox: {
            width: 800,
            height: 700
        },
        on: {
            load() {
                // web ui load
            }
        }
    }

    var s = document.createElement('script');
    s.type = "text/javascript";
    s.async = true;
    s.src = "https://koppay-1252325870.cos.accelerate.myqcloud.com/payStation/dist/bundle.js"
    s.addEventListener('load', function (e) {
        // 必须提前加载cdn上的js
        const PayStation = new window.KopPay(options)
        document.getElementById('pay').addEventListener('click', function () {
            PayStation.open()
        })
    }, false);
}

CommonJs

const KopPay = require('kop-pay')

const PayStation = new KopPay({
    accessToken: '*', // required
    lightbox: {
        width: 800,
        height: 400
    }
})

// open pay ui
PayStation.open()

ESM

import KopPay from 'kop-pay'

const PayStation = new KopPay({
    accessToken: '*', // required
    lightbox: {
        width: 800,
        height: 400
    }
})

// open pay ui
PayStation.open()

Props

选项	默认值	描述
accessToken	String	支付API密钥
sandbox	Boolean false	是否为沙盒测试模式
lightbox	Object	弹窗配置
lightbox.width	String auto	弹窗宽度
lightbox.height	String auto	弹窗高度
lightbox.overlay	Boolean true	是否开启遮罩层
lightbox.closeOnClickMask	Boolean true	是否可以点击遮罩层关闭弹窗
lightbox.overlayOpacity	Number 0.6	遮罩层透明度
lightbox.overlayBackground	String #000	遮罩层背景
lightbox.closeByKeyboard	Boolean true	是否可以按ESC键关闭弹窗
lightbox.contentBackground	String #fff	主体背景
lightbox.spinner	String 'oval'	加载器类型
lightbox.spinnerColor	String #fff	加载器颜色
lightbox.contentPadding	String 0	主体内边距
lightbox.zIndex	Number 10	整体的z-index
lightbox.top	String 20%	主体的top值