带你接入支付宝蜻蜓f4刷脸支付iot小程序服务端

带你接入支付宝蜻蜓f4刷脸支付iot小程序服务端

支付宝推出线下硬件蜻蜓f4，商家可以直接申请，预付保证金，在每个月有流水的情况下，支付宝每个月会将保证金返还，等于免费试用，看来支付宝推广蜻蜓的力度有多大，迅速占领商家，相信不久的未来，微信也会出现类似的产品，因为腾讯一直在模仿，好了，今天我们来看看如何开发一个蜻蜓f4的刷脸支付小程序，首先申请成为支付宝开放平台的一名开发者，身份选择自主开发。

先要注册成为开发者

入驻地址：https://spcenter.alipay.com/operation/mini-portal/dashboard

一、下载安装支付宝小程序开发工具

下载安装后我们打开开发工具，打开支付宝扫码进入，这个跟微信小程序和类似。

二、新建项目/iot小程序

模板选择iot demo

填写一个项目名称

ok，一个简单的iot小程序创建完成了，那么接下来怎么在蜻蜓f4上进行调试呢

三、在蜻蜓f4调试

打开蜻蜓f4的设置页面，按住电源键5秒，选择设置

点击关于本机

连续点击8次系统版本，选择进入调试模式

ok，我们看到列表中出现了小程序容器的选项，连续点击8次小程序容器

点击打开小程序配置

点击下方，添加开发小程序

输入在kaif

填入我的小程序列表中新建小程序的appid编号

四、调试

点击调试，我们就实现了远程调试蜻蜓f4了

iot小程序在蜻蜓f4的运行效果

关于刷脸支付这一块如何集成服务端这一块，我们有必要了解一下整个的流程

蜻蜓f4刷脸成功后获取了用户的身份id，此时还没有扣款，只是返回了barcode付款码，然后拿着这个付款码去调用当面付的接口实现支付，最后返回支付结果给蜻蜓f4的小程序，完成整个过程。

官方的说法如下：

地址https://opendocs.alipay.com/mini/multi-platform/ltz60x

my.ix.startApp({ appName: 'cashier', ... })
使用说明：蜻蜓小程序调用收银台 API 后，蜻蜓将进入收银台页面，用户可以选择刷脸支付或者扫码支付，收银台会返回付款码。小程序从收银台回调方法接收到支付宝付款码后，需要将付款码传回小程序服务端或发送到收银机（点击 发送付款码 查看发送方法），由小程序服务端/收银机服务端调用支付宝当面付条码支付接口 alipay.trade.pay 发起支付。

注意：
扫码成功后收银台会返回付款码（barcode），并且默认自动退出，需要小程序自定义支付结果页。

刷脸成功后收银台会返回付款码（barcode）, 此时收银台界面不会退出, 会保留在前台获取并展示刷脸支付结果, 可以通过 my.ix.onCashierEventReceive 获取收银台页面实际退出的时机。

通过收银台 API 获取的刷脸付款码（barcode），仅用于 当面付 接口 alipay.trade.pay 发起支付。调用 alipay.trade.pay 发起支付时，入参 scene=bar_code。如果传入其他值会导致收银台无法获取刷脸支付结果。

目前 IoT 小程序的刷脸支付不支持 当面付 的 资金授权。

刷脸支付结果页默认展示时长为5秒，有运营内容（如会员开卡等）时为10秒。

刷脸支付页面和刷脸支付结果页不支持自定义。

打开收银机的代码如下：这里拿到收款码后要去服务器调用当面付的接口完成支付

    //打开收银机
    my.ix.startApp({
      appName: 'cashier',
      bizNo: '20191201xxx',
      totalAmount: '0.01',
      sellerId: '20881201xxxxxxx',
      storeId: '20110201xxxx',
      orderDetail: '[{name:\'名称\',content:\'详情\',fontColor:\'gray\'}]',
      success: (res) => {
        console.log(res);
        this.sendCode(r...

点击查看剩余70%