0.1.0 • Published 2 years ago

im-pay v0.1.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

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

选项默认值描述
accessTokenString支付API密钥
sandboxBoolean false是否为沙盒测试模式
lightboxObject弹窗配置
lightbox.widthString auto弹窗宽度
lightbox.heightString auto弹窗高度
lightbox.overlayBoolean true是否开启遮罩层
lightbox.closeOnClickMaskBoolean true是否可以点击遮罩层关闭弹窗
lightbox.overlayOpacityNumber 0.6遮罩层透明度
lightbox.overlayBackgroundString #000遮罩层背景
lightbox.closeByKeyboardBoolean true是否可以按ESC键关闭弹窗
lightbox.contentBackgroundString #fff主体背景
lightbox.spinnerString 'oval'加载器类型
lightbox.spinnerColorString #fff加载器颜色
lightbox.contentPaddingString 0主体内边距
lightbox.zIndexNumber 10整体的z-index
lightbox.topString 20%主体的top值

Events

load

支付UI初始化完毕事件

open

支付弹窗打开完毕事件

beforeClose

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

close

支付弹窗完全关闭事件

Methods

0.1.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.784

2 years ago

0.0.783

2 years ago

0.0.782

2 years ago

0.0.781

2 years ago

0.0.78

2 years ago

0.0.77

2 years ago

0.0.76

2 years ago

0.0.75

2 years ago

0.0.74

2 years ago

0.0.73

2 years ago

0.0.72

2 years ago

0.0.71

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago