0.0.2 • Published 4 years ago
im-pay v0.0.2
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
0.1.0
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.784
4 years ago
0.0.783
4 years ago
0.0.782
4 years ago
0.0.781
4 years ago
0.0.78
4 years ago
0.0.77
4 years ago
0.0.76
4 years ago
0.0.75
4 years ago
0.0.74
4 years ago
0.0.73
4 years ago
0.0.72
4 years ago
0.0.71
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.5
4 years ago
0.0.4
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago