行业动态

当前位置:首页 > 动态资讯 > 行业动态

【易支付教程】易支付系统如何配置JSAPI支付?

        上一文中,我们详细介绍了易支付系统如何接入支付宝的当面付,很多商户按照教程的操作方法都很快速地完成了配置,今天我们再来介绍易支付系统如何接入支付宝JSAPI支付

        简单介绍一下支付宝的JSAPI支付JSAPI支付 是指商家在支付宝 App 中,通过调用支付宝提供的 JSAPI 接口,在支付场景中唤起支付宝收银台完成收款的一款支付产品。JSAPI支付只能通过支付宝小程序调起收款

        下面我们介绍一下如何在易支付系统接入支付宝JSAPI支付,下图是达人收钱测试配置好的界面图。

        【易支付教程】易支付系统如何配置JSAPI支付?


        下面介绍一下如何在易支付接入支付宝JSAPI支付:


        准备条件:

        1、成功开通JSAPI支付的支付宝。(还未开通JSAPI支付的商户可联系在线客服提交资料申请开通)

        2、已申请开通的支付宝小程序。(没有支付宝小程序代码的请联系在线客服索取后上传到支付宝开通小程序)

        3、易支付系统。(完整版请联系在线客服下载)


        接入步骤:

        一、申请支付宝小程序,支付宝登录支付宝开放平台:open.alipay.com


【易支付教程】易支付系统如何配置订单码支付?


        登录后,进入控制台,选择【小程序】选项卡,点击【创建小程序】,创建界面请输入小程序名称(自定义)见下图,其他按自己的实际要求填写即可。


【易支付教程】易支付系统如何配置JSAPI支付?

【易支付教程】易支付系统如何配置JSAPI支付?

        创建好小程序后,点击应用的【详情】,进入小程序,点击设置里面的【开发设置】设置对应的密钥。


【易支付教程】易支付系统如何配置JSAPI支付?


        点击【开发设置】,右边的【接口加签方式(密钥/证书)】,点击【查看】


【易支付教程】易支付系统如何配置订单码支付?


        重点!!这一步设置密钥,要仔细分清楚【应用私匙】、【支付宝公匙】。


        设置密钥,需要下载【支付宝开放平台密钥工具】,安装下载完毕,打开软件,把软件生成【应用公匙】复制出来,填入网页里面的应用公匙位置。


【易支付教程】易支付系统如何配置订单码支付?


        此时,软件里面的【应用私匙】要保存出来,用记事本保存即可,稍后要填到易支付系统里面。


【易支付教程】易支付系统如何配置订单码支付?


        把软件生成【应用公匙】复制出来,填入网页里面的应用公匙位置后,点击下一步完成,此时【支付宝公匙】下载出来,见下图:


【易支付教程】易支付系统如何配置订单码支付?


        至此,你已经成功设置好了【应用私匙】,下载了【支付宝公匙】,此外还需要应用APPID,【应用APPID】见下图,应用APPID就是小程序的APPID,一串数字就是应用APPID了:


【易支付教程】易支付系统如何配置订单码支付?


        设置密钥完毕后,我们还需要设置服务器域名白名单,用于小程序调用后端程序,没有小程序代码的可以联系在线客服索取。


【易支付教程】易支付系统如何配置JSAPI支付?


        点击【添加】按钮,在弹出的界面中,我们填入服务器域名白名单。


【易支付教程】易支付系统如何配置JSAPI支付?


        二、设置好小程序开发参数后,下面我们提交一份小程序代码进行发布生效:

        

        1、下载【支付宝开发者工具】

            地址:https://opendocs.alipay.com/mini/ide/download

【易支付教程】易支付系统如何配置JSAPI支付?

            我们下载稳定版的开发者工具,安装后打开程序。


【易支付教程】易支付系统如何配置JSAPI支付?


              选择【支付宝】


【易支付教程】易支付系统如何配置JSAPI支付?


        选择【空模板】


【易支付教程】易支付系统如何配置JSAPI支付?


        项目路径选择小程序代码的目录,没有小程序代码的可以联系在线客服索取,解压到自己电脑后选择该目录即可。


【易支付教程】易支付系统如何配置JSAPI支付?


        点击完成后,进入小程序预览,我们点击右上角的【上传版本】


【易支付教程】易支付系统如何配置JSAPI支付?

        

        上传版本后,我们回到支付宝小程序控制台,点击【版本管理】,右侧的【开发版本】,见下图,就是刚刚上传上来的版本,我们把它提交审核,审核通过后就可以发布小程序了,至此你就得到一个线上运营的小程序了。下面我们配置如何接入易支付系统中。


【易支付教程】易支付系统如何配置JSAPI支付?

  


        三、登录你已经部署好的易支付系统(完整版请联系在线客服下载)

        

        点击【支付接口】功能卡,点击【新增】


【易支付教程】易支付系统如何配置订单码支付?


        新增界面窗口,安装下面如图填写和选择:


【易支付教程】易支付系统如何配置订单码支付?


        新增支付接口成功后,默认是【已关闭】状态,需要【配置密钥】才能开启,配置界面选择【JSAPI支付】、其他三个参数请填写上面配置好的参数:


【易支付教程】易支付系统如何配置JSAPI支付?


        恭喜您,到达这一步你已成功接入JSAPI支付了,测试一下,点击【测试】按钮,输入金额,系统自动生成支付金额测试。


【易支付教程】易支付系统如何配置订单码支付?


        测试结果:支付正常、支付回调正常(可在易支付系统的【订单管理】查看)。


        好的,以上就是今天和大家分享的如何在易支付系统中接入JSAPI支付,如有问题可以联系在线客服解决,谢谢大家阅读!


        


咨询电话


18312554846  (微信同号)

    扫码微信咨询

扫二维码咨询

服务热线(微信同号)

18312554846

扫码微信咨询