IoT 小程序開發及WebSocket的鏈接和刷臉支付

一.IoT 小程序接入流程

1.開發準備：查看

2.開發調式：查看

這時把 支付寶小程序開發工具  鏈接該設備sn,然後調式 發送，此時就可以在設備上查看了。

二.支付寶WebSocket的鏈接

官網webSocket鏈接

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);
		    this.linkSocket();
		});
	},
	linkSocket() {
		let SN = "SMIT3B2*****00378";//設備號
		var socketUrl = "wss://dd-******cn/imserver/"+SN;
		my.connectSocket({
		url: socketUrl,
		data: {},
		header: {
			'content-type': 'application/json'
		},
		success: (r) => {
			console.log('WebSocket鏈接成功: ' + r);
		},
		fail: (r) => {
			console.log('WebSocket鏈接失敗: ' + r.code);
		}
		});
	}
});

 三.支付寶刷臉

my.ix.startApp（啓動收銀臺）

my.ix.startApp({
	appName: 'cashier',
	bizNo: '12345678',
	totalAmount: '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 （刷臉成功返回的碼）這個能

查看材料

四.支付寶 掃碼

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);
            }
        })