Upsdk-vue NPM | npm.io

upsdk-vue

云闪付小程序要引入的upsdk, 用npm引入包

安装方法

Using npm:

$ npm install upsdk-vue

Using bower:

$ bower install upsdk-vue

Using yarn:

$ yarn add upsdk-vue

用法示例

云闪付小程序前端 API 初始化

import upsdk from 'upsdk-vue'

upsdk.config({
    appId: '', // 必填，接入方的唯一标识
    timestamp: '', // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '', // 必填，签名因子包括 appId、frontToken、nonceStr、 timestamp、url
    debug: true // 开发阶段可打开此标记，云闪付APP会将调试信息toast出来
});

云闪付小程序前端 API 导航栏

import upsdk from 'upsdk-vue'

upsdk.setTitleStyle({
    // 可选，导航栏(含状态栏)背景色及透明度。16 进制，前 2 位(8F)透明度，后六位(FFFFFF)颜色
    navBackgroundColor:'0x8FFFFFFF',
    appletStyle: 'black', //可选，black-黑色主题，white-白色主题。
    backBtnVisible: '0', // 可选，左侧返回按钮是否显示。’0’不显示，’1’显示，不传或空则默认
});

云闪付小程序前端 API 支付

import upsdk from 'upsdk-vue'

upsdk.pay({
    tn: '支付流水号 Ticket Number.',
    success: function(){
        // 支付成功, 开发者执行后续操作。
    },
    fail: function(err){
        // 支付失败, err.msg 是失败原因描述, 比如 TN 号不合法, 或者用户取消了交易等等。
    }
});

总之引用之后按照文档直接使用就行了，目前没有发现存在什么问题