Useing For Vue React Html

| Vue2↓ | | ------------------------------------------------------------ | | Vue3↓ | | React↓ | | Html+JS↓ |

FrameworkSupport

| | | | | :----------------------------------------------------------: | ------------------------------------------------------------ | ------------------------------------------------------------ | | Vue2-Vue3✔ | React16 -18✔ | HTML + JavaScript✔ |

Installing

Package manager

$ npm install @suxhk/hmp-jssdk
$ yarn add @suxhk/hmp-jssdk
$ pnpm add @suxhk/hmp-jssdk

Once the package is installed, you can import the library using import or require approach:

import {
  queryTradeRecordInfo, // 查询订单信息
  getSandPayTN, // 杉德宝扫码 01040001 H5
  getAggregateCode, // 聚合码 01000001 H5
  getWeChatPublicPayment, // 微信公众号 01010002 H5
  getCloudFunction, // H5包装云函数 01010006 H5
  getAliPayUrl, // H5包装支付宝生活号 01020002 H5
  getUnionPayCloudFunction, // 云函数H5（云微） 01030006 H5
  // 银联快捷H5 01030003 H5 暂不支持
} from '@suxhk/hmp-jssdk'

If you use require for importing

const { queryTradeRecordInfo, ... }  = require('@suxhk/hmp-jssdk')

You can import the library using browser

<script src="https://faspay-oss.sandpay.com.cn/public/hmp/index.iife.js"></script>

<script>
  console.log(window.SandpaySdk)
</script>

<script>
  // For Example
  window.SandpaySdk.queryTradeRecordInfo({
    tokenId: '2023*****************1234'
  	}).then((result) => {
      console.log('🚀', result)
    }).catch((error) => {
      console.log('❌', error)
    })
</script>

CDN

Using sandpay CDN:

<script src="https://faspay-oss.sandpay.com.cn/public/hmp/index.iife.js"></script>

Example

Note CommonJS usage In order to gain the TypeScript typings (for intellisense / autocomplete) while using CommonJS imports with require(), use the following approach:

import { queryTradeRecordInfo } from '@suxhk/hmp-jssdk'

// the `tokenId` is required
queryTradeRecordInfo({ tokenId: '2023*****************1234' })
  .then(result => {
    // handle success
    console.log('🚀', result)
  })
  .catch(error => {
    // handle error
    console.log('❌', error)
  })
  .finally(()=> {
    // always executed
  })

Use Function Config

These are the available config options for making requests. Only the tokenId is required.

{
  // `tokenId`  is returned when the order is ordered
  tokenId: '2023*****************1234'
}

Promises

@suxhk/hmp-jssdk depends on a native ES5/6 Promise implementation to be supported.

Handling Errors

Below is a list of potential axios identified error | Function | Definition | ReturnPromises | | ---------------------- | ------------------------------- | --------------- | | getSandPayTN | 杉德宝扫码 01040001 SDK/H5 | Promise | | getAggregateCode | 聚合码 01000001 H5 | Promise | | getWeChatPublicPayment | 微信公众号 01010002 H5 | Promise | | getCloudFunction | H5包装云函数 01010006 H5 | Promise | | getAliPayUrl | H5包装支付宝生活号 01020002 H5 | Promise | | getUnionPayCloudFunction | 云函数H5（云微） 01030006 H5 | Promise | | queryTradeRecordInfo | 查询订单信息 | Promise | | 暂不支持 | 银联快捷H5 01030003 H5 | Promise |

License

MIT

Thanks