###前提・実現したいこと
ログインした後にチャットルームにユーザー名を表示させたい
###発生している問題・エラーメッセージ
Googleアカウントでログインした後にHTMLにユーザー名が表示されない
###該当のソースコード
html
1<html> 2 <head> 3 <title>Chat</title> 4 <style> 5 input { display: block; } 6 ul { list-style: none; } 7 </style> 8 </head> 9 <body> 10 11 <ul id="messages"></ul> 12 <form id="chatbox"> 13 {{.UserData.name}}:<br/> 14 <textarea></textarea> 15 <input type="submit" value="Send" /> 16 </form> 17 18 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 19 <script> 20 $(function(){ 21 var socket = null; 22 var msgBox = $("#chatbox textarea"); 23 var messages = $("#messages"); 24 $("#chatbox").submit(function(){ 25 if (!msgBox.val()) return false; 26 if (!socket) { 27 alert("Error: There is no socket connection."); 28 return false; 29 } 30 socket.send(JSON.stringify({"Message": msgBox.val()})); 31 msgBox.val(""); 32 return false; 33 }); 34 if (!window["WebSocket"]) { 35 alert("Error: Your browser does not support web sockets.") 36 } else { 37 socket = new WebSocket("ws://{{.Host}}/room"); 38 socket.onclose = function() { 39 alert("Connection has been closed."); 40 } 41 socket.onmessage = function(e) { 42 var msg = JSON.parse(e.data); 43 messages.append( 44 $("<li>").append( 45 $("<strong>").text(msg.Name + ": "), 46 $("<span>").text(msg.Message) 47 ) 48 ); 49 } 50 } 51 }); 52 </script> 53 </body> 54</html>
その他のコードはここにあるのでお願いします
https://github.com/matryer/goblueprints/tree/master/chapter2/chat/templates
###試したこと
写経していたコードとは別に、 gitのコードをすのままコピーしてきて使った
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/05 03:54
2016/12/05 14:16