下面的示例显示了一种完成您想要完成的工作的方法。通过对其进行试验,您至少会感觉到它在工作时的样子。
+---------+ +---------+ +---------+
| Receive | | Receive | | Send |
| Browser | | Browser | | Browser |
+----+----+ +----+----+ +----+----+
| | |
| | |
+-------+------+--------------+ +---------+
| | telnet |
| +--------------------------+ CLI |
| | | session |
| | +---------+
+--+---+--+
| Accord | +------------------------+
| Cloud +----+ C/Java/Perl/Python etc |
| Service | | Program Language APIs |
+---------+ +------------------------+
有几种方法可以在浏览器和 Web 服务之间建立双向通信通道。例如 WebSocket、AJAX 等。
在下面的示例中,当单击发送按钮时,下面的发送浏览器会发送输入的文本。
当接收浏览器收到通知时,它会使用计数器值和新的文本字符串更新浏览器内容。每次收到更新时,它都会递增计数器。
在下面的 send.html 和 receive.html 代码中,Accord.js 在浏览器和 Accord 云服务之间建立了一个通信通道。发送和接收浏览器使用 ActiveML(JSON 和 XML 元语言的混合体)与 Accord 云服务交互。
prompt> cat send.html
<html>
<head>
<title>Accord Software, Inc.</title>
<link rel="icon" href="/favicon.gif"/>
</head>
<body>
<script type="text/javascript" src="http://ac.accord.com/src/Accord.js"></script>
<script type="text/javascript">
var rpc;
function run() {
if (typeof AccordAmlHttpRpc != 'function' ||
typeof checkSessionId != 'function') {
setTimeout(function(){run();}, 100);
return;
}
rpc = new AccordAmlHttpRpc();
}
/*
* Send the text string when 'Click to Send' button is acted upon.
* This ActiveML command will update the string value and any
* sessions that have outstanding 'wait for an update' will unblock
* and receive the update notification.
*/
function sendMessage() {
var elem = document.getElementById("SendMsg");
rpc.call('aml set string Demo.Msg = "' + elem.value + '";');
}
run();
</script>
<br>
Enter text:
<input id="SendMsg" type="text" value="" maxlength="50" />
<button onclick="sendMessage()">Click to Send</button>
</body>
</html>
prompt> cat recv.html
<html>
<head>
<title>Accord Software, Inc.</title>
<link rel="icon" href="/favicon.gif"/>
</head>
<body>
<div id="Page"></div>
<script type="text/javascript" src="http://ac.accord.com/src/Accord.js"></script>
<script type="text/javascript">
var rpc;
var div = document.getElementById('Page');
/*
* Display the string and increment counter.
*/
var count = 0;
function DisplayMsg(s) {
div.innerHTML = count + ': ' + s;
count++;
}
/*
* Event is received as 'ActiveML set string Demo.Msg = "hello, world";'
*/
function RecvMsg(s) {
var eq = s.indexOf(' = ');
/*
* Remove quotes and semico at the end.
*/
s = s.substring(eq+4, s.length-2);
DisplayMsg(s);
}
/*
* DisplayString() is called initially to display the current value
* followed by RecvMsg() for each subsequent update.
*/
function run() {
if (typeof AccordAmlHttpRpc != 'function' ||
typeof checkSessionId != 'function') {
setTimeout(function(){run();}, 100);
return;
}
rpc = new AccordAmlHttpRpc();
/*
* Communication with the back-end service by using
* ActiveML.
*/
rpc.call('aml print string Demo.Msg;', DisplayMsg, RecvMsg);
rpc.call('aml wait for an update to print string Demo.Msg;', 0, 0);
}
run();
</script>
</body>
</html>
为了让浏览器与 Accord Cloud Service 通信,需要从每个浏览器登录。您可以通过单击 ac.accord.com 上的登录按钮来创建一个临时免费帐户来尝试一下。创建帐户后,您需要远程登录到 ac.accord.com 并在执行任何“发送”或“接收”之前执行以下操作。在 Windows 上下载并使用 PuTTY。在 linux/bsd 上使用 telnet。
prompt> telnet ac.accord.com
Connected to ac.accord.com.
Escape character is '^]'.
Accord ActiveML - Version 1.0.0.0
Copyright (c) 2001-2013, Accord Software, Inc. All rights reserved.
ActiveML Uid: <email>
Password: <password>
Welcome !
aml> create aobject Demo;
aml> create string Demo.Msg;
aml> set string Demo.Msg = "hello, world";
每次从“发送”浏览器或通过 telnet CLI 接收到设置命令时,“接收”浏览器都会更新它们的显示。
除了使用 telnet CLI 模式外,您还可以使用 C/C++、Java、Perl、Python 等各种编程语言与雅阁云服务进行交互。
如果此任务有预算,则基于订阅的解决方案可能值得评估。订阅基于云的解决方案可能是一种具有成本效益的解决方案。(有时它的成本可能低于您在咖啡上的花费!)。披露:我为雅阁工作。