WEB页面集成方式
一、网页的Html中引用JS脚本
参考:OpenZIAPI产品/Script/Web/scripts/OpenZIAPI.js
二、使用示例如下:
参考:OpenZIAPI产品/Script/Web/scripts/main.js
<script src="./scripts/OpenZIAPI.js"></script>
var OpenZIAPI;
function WebSocketInit() {
//初始化api
let socketUrl = "ws://127.0.0.1:18892/";
OpenZIAPI = new OpenZILab(socketUrl)
if (OpenZIAPI.APISocket) {
OpenZIAPI.APISocket.onopen = function (data) {
// alert("socket连接成功")
console.log("socket连接成功")
}
OpenZIAPI.APISocket.onerror = function (data) {
alert("socket连接失败")
}
} else {
alert("socket连接失败")
}
eventListener();
}
function eventListener() {
OpenZIAPI.Call("ALLReceiveMessage", function (event) {
console.log("监听回调:")
console.log(event);
info.prepend(JSON.stringify(event), "\n");
});
}
function run() {
let text = document.getElementById("textarea");
try {
let data = JSON.parse(text.value);
if (data) {
OpenZIAPI.Call(currJson.class, currJson.function, data, (e) => {
console.log("点位信息回调:", e)
info.prepend(JSON.stringify(e, null, 2).replace(/\\/g, ""), "\n");
})
}
} catch (r) {
alert("数据格式异常");
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43