各类产品接入指引

<div class="article-body kancloud-markdown-body"><h1><a id="_0"></a>接入指引</h1><br><h2><a id="PC__2"></a>PC 网站接入</h2><br><ul><li>效果：用户点击支付后，页面展示微信或者支付宝二维码，用户用手机微信或支付宝扫码支付</li><li>接口：可以使用 JSAPI / Native / 收银台 / 支付宝当面付 支付接口</li><li>JSAPI 支付，通过构造二维码，用户微信扫码后在打开自己服务器的页面，再在这页面通过 JSAPI 拉起微信支付</li><li>收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 xorpay 的页面下发起支付</li><li>Native 支付，前端 ajax<strong>请求自己后端的接口</strong>，后端接口请求 支付狗 支付接口，返回支付二维码，用户微信扫码后支付</li><li>支付宝当面付，方法同 Native 接口</li></ul><br><h2><a id="PC__11"></a>PC 软件</h2><br><ul><li>效果：用户点击支付后，页面展示微信或者支付宝二维码，用户用手机微信或支付宝扫码支付</li><li>接口：可以使用 JSAPI / Native / 收银台 / 支付宝当面付 支付接口</li><li>JSAPI 支付，通过构造二维码，用户微信扫码后在打开自己服务器的页面，再在这页面通过 JSAPI 拉起微信支付</li><li>收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 支付狗 的页面下发起支付</li><li>Native 支付，前端 ajax<strong>请求自己后端的接口</strong>，后端接口请求 支付狗 支付接口，返回支付二维码，用户微信扫码后支付</li><li>支付宝当面付，方法同 Native 接口</li></ul><br><h2><a id="_20"></a>手机网站接入</h2><br><ul><li>效果：个人微信接口没有 h5 功能不能拉起微信 app（个人支付宝当面付可以 h5 拉起支付宝 app），在微信浏览器里面可以通过 jsapi 拉起微信支付</li><li>接口：可以使用 JSAPI / 收银台 / 支付宝当面付 支付接口</li><li>JSAPI 支付<br><ul><li>通过构造二维码，用户微信扫码（或者截图相册识别）后在打开你的一个页面</li><li>你页面重定向 openid 接口获取 openid 后跳会跳回你的页面</li><li>然后你的这个页面后台带 openid 调用 JSAPI 接口获取支付参数，并返回到前端</li><li>前端再拉起微信支付</li></ul></li><li>收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 支付狗 的页面下发起支付</li><li>支付宝当面付，后台请求接口，返回支付二维码，用户支付宝扫码（或者截图相册识别）后支付；也可以跳转 qr 地址，拉起支付宝 app 支付</li></ul><br><h2><a id="_app_32"></a>手机 app</h2><br><ul><li>效果：因为个人的微信接口没有 h5 功能（个人支付宝当面付可以 h5），所以只能扫码</li><li>接口：可以使用 JSAPI / 收银台 / 支付宝当面付 支付接口</li><li>JSAPI 支付<br><ul><li>通过构造二维码，用户微信扫码（或者截图相册识别）后在打开你的一个页面</li><li>你页面重定向 openid 接口获取 openid 后跳会跳回你的页面</li><li>然后你的这个页面后台带 openid 调用 JSAPI 接口获取支付参数，并返回到前端</li><li>前端再拉起微信支付</li></ul></li><li>收银台支付，效果和 JSAPI 一样，更简单，不用自己请求获取 openid，直接在 支付狗 的页面下发起支付</li><li>支付宝当面付，后台请求接口，返回支付二维码，用户支付宝扫码（或者截图相册识别）后支付；也可以跳转 qr 地址，拉起支付宝 app 支付</li></ul><br></div>