统计
  • 建站日期:2021-03-10
  • 文章总数:1276 篇
  • 评论总数:3306 条
  • 分类总数:14 个
  • 最后更新:6月20日
文章 技术教程

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

安小熙
首页 技术教程 正文
广告

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

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


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第1
张图片
下面介绍一下如何在易支付接入支付宝JSAPI支付:

    准备条件:

    1、成功开通JSAPI支付的支付宝。

    2、已申请开通的支付宝小程序。

    3、易支付系统。

    接入步骤:

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


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第2
张图片
登录后,进入控制台,选择【小程序】选项卡,点击【创建小程序】,创建界面请输入小程序名称(自定义)见下图,其他按自己的实际要求填写即可。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第3
张图片

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第4
张图片
创建好小程序后,点击应用的【详情】,进入小程序,点击设置里面的【开发设置】设置对应的密钥。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第5
张图片
点击【开发设置】,右边的【接口加签方式(密钥/证书)】,点击【查看】

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第6
张图片
重点!!这一步设置密钥,要仔细分清楚【应用私匙】、【支付宝公匙】。

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


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第7
张图片
此时,软件里面的【应用私匙】要保存出来,用记事本保存即可,稍后要填到易支付系统里面。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第8
张图片
把软件生成【应用公匙】复制出来,填入网页里面的应用公匙位置后,点击下一步完成,此时【支付宝公匙】下载出来,见下图:

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第9
张图片
至此,你已经成功设置好了【应用私匙】,下载了【支付宝公匙】,此外还需要应用APPID,【应用APPID】见下图,应用APPID就是小程序的APPID,一串数字就是应用APPID了:

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第10
张图片
设置密钥完毕后,我们还需要设置服务器域名白名单,用于小程序调用后端程序,没有小程序代码的可以联系在线客服索取。


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第11
张图片
点击【添加】按钮,在弹出的界面中,我们填入服务器域名白名单。


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第12
张图片
1、下载【支付宝开发者工具】

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


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第13
张图片
我们下载稳定版的开发者工具,安装后打开程序。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第14
张图片
选择【支付宝】

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第15
张图片
选择【空模板】

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第16
张图片
项目路径选择小程序代码的目录,没有小程序代码的可以联系在线客服索取,解压到自己电脑后选择该目录即可。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第17
张图片
点击完成后,进入小程序预览,我们点击右上角的【上传版本】


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

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

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


【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第20
张图片
新增界面窗口,安装下面如图填写和选择:

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第21
张图片
新增支付接口成功后,默认是【已关闭】状态,需要【配置密钥】才能开启,配置界面选择【JSAPI支付】、其他三个参数请填写上面配置好的参数:
【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第22
张图片
恭喜您,到达这一步你已成功接入JSAPI支付了,测试一下,点击【测试】按钮,输入金额,系统自动生成支付金额测试。

【易支付教程】易支付系统如何配置支付宝JSAPI支付?
-安小熙博客
-第23
张图片
测试结果:支付正常、支付回调正常(可在易支付系统的【订单管理】查看)。

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

版权说明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件:axxgzs@qq.com与我们联系处理。敬请谅解!!

Annie留言墙vue+nodejs 自适应
« 上一篇
迅雷官方字幕搜索下载API单页源码
下一篇 »
为了防止灌水评论,登录后即可评论!

HI ! 请登录
注册会员,享受下载全站资源特权。

🔎百度一下

帮忙seo优化一下吧

现在时间

热门文章

标签