我一直在努力与GAE和频道api一起建立一个网站,以显示和处理我正在研究的机器人的实时数据。我对Web开发很新,一般都是python,但在我看来,这个代码应该可行,一旦我开始工作(将数据记录到数据库,实际数据处理等),我会更加想象它,但是现在我只想让它显示从机器人上互联网连接板发出的发布请求中变量“val”的最新出现。希望这对于希望使用频道api进行实时数据显示的任何人都有帮助。
现在我正在显示一个模板,其输入框设置为向页面发送帖子请求。然而,我得到一个空白屏幕,而不是使用提交时的当前值更新首页。我不确定我的问题是否与通道api代码或更新显示值的java函数有关。
Python代码:
import os
import webapp2
import jinja2
import json
import logging
from google.appengine.ext import db
from google.appengine.api import channel
from google.appengine.api import users
template_dir = os.path.join(os.path.dirname(__file__), 'templates')
jinja_env = jinja2.Environment(loader = jinja2.FileSystemLoader(template_dir), autoescape=True)
channels = []
class MainPage(webapp2.RequestHandler):
def get(self):
user = users.get_current_user()
if not user:
self.redirect(users.create_login_url(self.request.uri))
return
nickname = user.nickname()
clientid = user.user_id()
channel_token = channel.create_channel(clientid)
channels.append(channel_token)
template_values = {'channel_id': channel_token, 'nickname': nickname}
template = jinja_env.get_template('front.html')
self.response.out.write(template.render(template_values))
def post(self):
value = self.request.get("value")
if value:
jsn = json.dumps({"val": value})
for i in range(len(channels)):
channel.send_message(channels[i], jsn)
app = webapp2.WSGIApplication([
('/', MainPage)
], debug=True)
HTML模板的相关部分:
<form method="post">
<label>
<div>Title</div> <input type="text" name="value" value="{{value}}">
</label>
<br>
<input type="submit">
<div class="error">{{error}}</div>
</form>
<hr>
<script>
onMessage = function myFunction(message)
{
document.getElementById("val").innerHTML=message;
}
var token = '{{ channel_id }}';
var channel = new goog.appengine.Channel(token);
var socket = channel.open();
socket.onmessage = onMessage(message.val);
</script>
<p id="val">No value to display</p>
</body>
提前致谢。
答案 0 :(得分:0)
在javascript中指定socket.onmessage:
的行 socket.onmessage = onMessage(message.val);
您正在做的是将调用结果分配给onMessage()函数。相反,只需将函数本身分配给socket.onmessage,如下所示:
socket.onmessage = onMessage;
同样在你的onMessage处理程序中,使用message.data
来获取你传入的JSON值。要获得val
字段,你需要JSON解码message.data
。