IoT 小程序开发及WebSocket的链接和刷脸支付

痛定思痛。 2021-08-13 12:35 470阅读 0赞

一.IoT 小程序接入流程（蜻蜓设备二次开发）

1.开发准备：[查看][Link 1]  [支付宝蜻蜓二次开发指南][Link 2]

2.开发调式：[查看][Link 3]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70][]

这时把 支付宝小程序开发工具  链接该设备sn,然后调式 发送，此时就可以在设备上查看了。

在小程序工具中  选择lot 小程序 ，项目名称 设备号

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1][]

3.发布：

发布前测试：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2][]

[发布上线审核][Link 4]：上传-》白名单-》发布审核。。。

注意：开通lot小程序

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3][]

4.[开发好的小程序上线后如何安装到正式的蜻蜓设备？][Link 2]

首先，进入阿里开放平台，[https://open.alipay.com/][https_open.alipay.com]，进入业务中心->智能设备，然后进入智能设备工作台，如下图所示：

![format_png][]

这时候可以看到自己已经购买的蜻蜓机具设备信息。

然后在**服务分发板块**，输入小程序的APPID，即可将开发好的小程序推送到蜻蜓机具设备上。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4][]

二.支付宝WebSocket的链接

[官网webSocket链接][webSocket]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 5][]

Page({
    	onReady() {
    		//1.连接WebSocket
    		this.linkSocket();
    		// 2.监听WebSocket 已经打开
    		my.onSocketOpen(function (res) {
    			console.log('WebSocket 已链接成功！');
    		});
    		//3.接受服务器的内容
    		my.onSocketMessage(function (res) {
    			console.log('收到服务器内容：' + res.data)
    		})
    		//4.监听 WebSocket 关闭
    		my.onSocketClose((res) => {
    			console.log('连接已关闭：',res)
    		            this.linkSocket();
    		});
    		// 5.监听WebSocket 链接失败
    		my.onSocketError(function (res) {
    			console.log('WebSocket 连接打开失败，请检查！',res);
    		});
    	},
    	linkSocket() {
             let r = my.ix.getSysPropSync({ key: 'ro.serialno' });//获取设备号
            var socketUrl = "wss://dd-slzf-api-test.yxtext.cn/imserver/" + r.value;
    		my.connectSocket({
    		url: socketUrl,
    		data: {},
    		header: {
    			'content-type': 'application/json'
    		},
    		success: (r) => {
    			console.log('发送WebSocket启动成功: ' + r);
    		},
    		fail: (r) => {
    			console.log('发送WebSocket启动失败: ' + r.code);
    		}
    		});
    	}
    });

my.onSocketError 监听Socket链接失败，这个时候Socket 其实还是链接着，所以不需要在发送Socket链接（my.connectSocket 这个则不需要去执行）

三.支付宝刷脸

[my.ix.startApp（启动收银台][my.ix.startApp]）

/*
    参数：
    
    appName：必须传的 固定值 cashier，不能修改。
    
    bizNo：必须传的 商户业务流水号；需保证在商户端不重复。让后端传过来
    */
    my.ix.startApp({
    	appName: 'cashier',
    	bizNo: res.bizNo || '12345678',
    	totalAmount: res.bizNo || '0.01',
    	orderDetail: [{ name: '地奈德乳膏', content: '￥ 0.01', fontColor: 'gray' }, { name: '氟雷他定片', content: '￥ 3.25', fontColor: 'red' }],
    	success: (r) => {
    		console.log('付款条码 barCode: ' + r.barCode)
    		my.showToast({ content: r.barCode });
    	}
    });

如果barCode （刷脸成功返回的码）这个能

[查看材料][Link 5]

四.支付宝 扫码

[my.ix.codeScan][]

my.ix.codeScan({
                success: (r) => {
                    my.showToast({ content: r.code });
                    console.log('scaned code: ' + r.code);
                },
                fail: (r) => {
                    console.log('scaned error: ' + r.errorMessage);
                }
            })

[Link 1]: https://opendocs.alipay.com/mini/multi-platform/zuq1xw
[Link 2]: https://www.jianshu.com/p/09a1ac42a730?from=groupmessage
[Link 3]: https://opendocs.alipay.com/mini/multi-platform/vdkmxa
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70]: /images/20210813/8dd4503fe86648c8b54911c8bf867770.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 1]: /images/20210813/3cfab81cc20a4ed68168c821e3fc7094.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 2]: /images/20210813/c3291d9c196a4139be23ecc4aba5c00e.png
[Link 4]: https://opendocs.alipay.com/mini/multi-platform/vf23al
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 3]: /images/20210813/85930931b0594732a4887406dfecdc24.png
[https_open.alipay.com]: https://links.jianshu.com/go?to=https%3A%2F%2Fopen.alipay.com%2F
[format_png]: /images/20210813/14797f3763b941b3b2b54c0ed438bed5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 4]: /images/20210813/bf154747c81940089a08823bd4449f98.png
[webSocket]: https://opendocs.alipay.com/mini/api/vx19c3
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhb194dV81MjA_size_16_color_FFFFFF_t_70 5]: /images/20210813/ea605ef2a6ef43119f41dd4a6288042f.png
[my.ix.startApp]: https://opendocs.alipay.com/mini/multi-platform/ltz60x
[Link 5]: https://www.cnblogs.com/tupengli/p/12107509.html
[my.ix.codeScan]: https://opendocs.alipay.com/mini/multi-platform/xrbenl