im-pay

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

集成指南

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

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

获取代码

链接到此SDK的CDN: yarn add im-pay npm i im-pay

初始化

CDN

window.onload = function () {
        const options = {
            accessToken: '12345678',
            lightbox: {
                width: 800,
                height: 700
            },
            // 等同于下面的on方法
            on: {
                load() {},
                beforeClose() {}
            }
        }
        // 必须提前加载cdn上的js
        const PayStation = new window.ImPay(options)
        PayStation.on('load', function () {
            console.log('加载成功le')
        })
        PayStation.on('beforeClose', function () {
            return new Promise((resolve) => {
                const result = confirm('您确定要取消购买吗？')
                resolve(result)
            })
        })
        document.getElementById('pay').addEventListener('click', function () {
            PayStation.open()
        })
    }

CommonJs

const ImPay = require('im-pay')

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

// open pay ui
PayStation.open()

ESM

import ImPay from 'im-pay'

const PayStation = new ImPay({
    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值 |

Events

load

支付UI初始化完毕事件

open

支付弹窗打开完毕事件

beforeClose

支付弹窗关闭前回调，返回一个Promise 结果 true为关闭 false为不关闭

close

支付弹窗完全关闭事件

Methods