PC软件/web网站/小程序/手机APP产品如何增加个人收款接口

Posted 2022-02-04 xorpay

接入前准备

• 通过 XorPay 注册个人收款接口，原理是帮助你签约支付宝和微信（不需要营业执照）支持个人支付宝和个人微信支付接口，大概几分钟可以开通，开通后即可永久使用

PC 网站接入

• 效果：用户点击支付后，前端ajax 请求你的后台，你后台再请求 xorpay 支付接口返回支付二维码到前台，页面展示微信或者支付宝二维码，用户用手机微信或支付宝扫码支付
• 接口：可以使用 JSAPI / Native / 收银台 / 支付宝当面付 支付接口
• JSAPI 支付，通过构造二维码，用户微信扫码后在打开自己服务器的页面，再在这页面通过 JSAPI 拉起微信支付
• 收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 xorpay 的页面下发起支付
• Native 支付，前端 ajax 请求自己后端的接口，后端接口请求 xorpay 支付接口，返回支付二维码，用户微信扫码后支付
• 支付宝当面付，方法同 Native 接口

PC 软件

• 效果：用户点击支付后，前端网络请求你的后台，你后台再请求 xorpay 支付接口返回支付二维码到前台，页面展示微信或者支付宝二维码，用户用手机微信或支付宝扫码支付
• 接口：可以使用 JSAPI / Native / 收银台 / 支付宝当面付 支付接口
• JSAPI 支付，通过构造二维码，用户微信扫码后在打开自己服务器的页面，再在这页面通过 JSAPI 拉起微信支付
• 收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 xorpay 的页面下发起支付
• Native 支付，前端 ajax 请求自己后端的接口，后端接口请求 xorpay 支付接口，返回支付二维码，用户微信扫码后支付
• 支付宝当面付，方法同 Native 接口

手机网站接入

• 效果：因为个人的微信接口没有 h5 功能（个人支付宝当面付可以 h5），所以只能扫码
• 接口：可以使用 JSAPI / 收银台 / 支付宝当面付 支付接口
• JSAPI 支付
  • 通过构造二维码，用户微信扫码（或者截图相册识别）后在打开你的一个页面
  • 你页面重定向 openid 接口获取 openid 后跳会跳回你的页面
  • 然后你的这个页面后台带 openid 调用 JSAPI 接口获取支付参数，并返回到前端
  • 前端再拉起微信支付
• 收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 xorpay 的页面下发起支付
• 支付宝当面付，后台请求接口，返回支付二维码，用户支付宝扫码（或者截图相册识别）后支付；也可以跳转 qr 地址，拉起支付宝 app 支付

小程序接入

• 效果：用户点击支付后，跳转 xorpay 收银台 小程序支付，支付完成后自动跳回你的小程序
• 接口：可以使用 小程序 支付接口

手机 app

• 效果：因为个人的微信接口没有 h5 功能（个人支付宝当面付可以 h5），所以只能扫码
• 接口：可以使用 JSAPI / 收银台 / 支付宝当面付 支付接口
• JSAPI 支付
  • 通过构造二维码，用户微信扫码（或者截图相册识别）后在打开你的一个页面
  • 你页面重定向 openid 接口获取 openid 后跳会跳回你的页面
  • 然后你的这个页面后台带 openid 调用 JSAPI 接口获取支付参数，并返回到前端
  • 前端再拉起微信支付
• 收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 xorpay 的页面下发起支付
• 支付宝当面付，后台请求接口，返回支付二维码，用户支付宝扫码（或者截图相册识别）后支付；也可以跳转 qr 地址，拉起支付宝 app 支付