我有一些上帝的想法，但我有一些问题......如何将Facebook用户连接到Node应用程序 - socket.io
我创建了一个 socket.io 聊天，但现在想允许Facebook用户来聊天，以创建类似facebook群组CHAT的东西。我觉得这个想法没问题？
这是我的聊天代码：
服务器端文件 - 应用.js
var app = require('express').createServer()
var io = require('socket.io').listen(app);
app.listen(8080);
// routing
app.get('/', function (req, res) {
res.sendfile(__dirname + '/index.html');
});
// usernames which are currently connected to the chat
var usernames = {};
// rooms which are currently available in chat
var rooms = ['room1','room2','room3'];
io.sockets.on('connection', function (socket) {
// when the client emits 'adduser', this listens and executes
socket.on('adduser', function(username){
// store the username in the socket session for this client
socket.username = username;
// store the room name in the socket session for this client
socket.room = 'room1';
// add the client's username to the global list
usernames[username] = username;
// send client to room 1
socket.join('room1');
// echo to client they've connected
socket.emit('updatechat', 'SERVER', 'you have connected to room1');
// echo to room 1 that a person has connected to their room
socket.broadcast.to('room1').emit('updatechat', 'SERVER', username + ' has connected to this room');
socket.emit('updaterooms', rooms, 'room1');
});
// when the client emits 'sendchat', this listens and executes
socket.on('sendchat', function (data) {
// we tell the client to execute 'updatechat' with 2 parameters
io.sockets.in(socket.room).emit('updatechat', socket.username, data);
});
socket.on('switchRoom', function(newroom){
// leave the current room (stored in session)
socket.leave(socket.room);
// join new room, received as function parameter
socket.join(newroom);
socket.emit('updatechat', 'SERVER', 'you have connected to '+ newroom);
// sent message to OLD room
socket.broadcast.to(socket.room).emit('updatechat', 'SERVER', socket.username+' has left this room');
// update socket session room title
socket.room = newroom;
socket.broadcast.to(newroom).emit('updatechat', 'SERVER', socket.username+' has joined this room');
socket.emit('updaterooms', rooms, newroom);
});
// when the user disconnects.. perform this
socket.on('disconnect', function(){
// remove the username from global usernames list
delete usernames[socket.username];
// update list of users in chat, client-side
io.sockets.emit('updateusers', usernames);
// echo globally that this client has left
socket.broadcast.emit('updatechat', 'SERVER', socket.username + ' has disconnected');
socket.leave(socket.room);
});
});
和索引.html
<script src="/socket.io/socket.io.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>
var socket = io.connect('http://localhost:8080');
// on connection to server, ask for user's name with an anonymous callback
socket.on('connect', function(){
// call the server-side function 'adduser' and send one parameter (value of prompt)
socket.emit('adduser', prompt("What's your name?"));
});
// listener, whenever the server emits 'updatechat', this updates the chat body
socket.on('updatechat', function (username, data) {
$('#conversation').append('<b>'+username + ':</b> ' + data + '<br>');
});
// listener, whenever the server emits 'updaterooms', this updates the room the client is in
socket.on('updaterooms', function(rooms, current_room) {
$('#rooms').empty();
$.each(rooms, function(key, value) {
if(value == current_room){
$('#rooms').append('<div>' + value + '</div>');
}
else {
$('#rooms').append('<div><a href="#" onclick="switchRoom(''+value+'')">' + value + '</a></div>');
}
});
});
function switchRoom(room){
socket.emit('switchRoom', room);
}
// on load of page
$(function(){
// when the client clicks SEND
$('#datasend').click( function() {
var message = $('#data').val();
$('#data').val('');
// tell server to execute 'sendchat' and send along one parameter
socket.emit('sendchat', message);
});
// when the client hits ENTER on their keyboard
$('#data').keypress(function(e) {
if(e.which == 13) {
$(this).blur();
$('#datasend').focus().click();
}
});
});
</script>
<div style="float:left;width:100px;border-right:1px solid black;height:300px;padding:10px;overflow:scroll-y;">
<b>ROOMS</b>
<div id="rooms"></div>
</div>
<div style="float:left;width:300px;height:250px;overflow:scroll-y;padding:10px;">
<div id="conversation"></div>
<input id="data" style="width:200px;" />
<input type="button" id="datasend" value="send" />
</div>
以及如何允许用户通过fbLogin按钮使用他们的Facebook帐户访问chta：
这是fb登录代码，但如何将此代码加载到我的聊天脚本中，以允许用户使用Facebook帐户。
<button id="fb-auth">Login</button>
<script>
function updateButton(response) {
Log.info('Updating Button', response);
var button = document.getElementById('fb-auth');
if (response.status === 'connected') {
button.innerHTML = 'Logout';
button.onclick = function() {
FB.logout(function(response) {
Log.info('FB.logout callback', response);
});
};
} else {
button.innerHTML = 'Login';
button.onclick = function() {
FB.login(function(response) {
Log.info('FB.login callback', response);
if (response.status === 'connected') {
Log.info('User is logged in');
} else {
Log.info('User is logged out');
}
});
};
}
}
我在我的应用程序Snakes-n-Ladders多人游戏（https://apps.facebook.com/snakes-n-ladders/）中做了类似的事情。您需要在服务器上对用户进行身份验证。
我正在使用的库：facebook-node-sdk。
你需要在初始化JavaScript SDK时输入cookie：true。这样，在客户端进行身份验证的用户将在服务器上进行身份验证。
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
});
阅读facebook-node-sdk的文档，您将在服务器上获得所有用户信息。您可以将数据附加到套接字会话。
我做了类似的事情：http://codemygenes.appspot.com/nodejs/fbchat/fbchat.html。但它太复杂了，无法理解。我已经在Heroku上部署了一个 socket.io 聊天（节点.js应用程序）。我也使用过Facebook身份验证。为此，我遵循以下几点：
-
转到 http://developers.facebook.com/docs/reference/api/。他们有一个关于图形API的简洁文档。
-
您必须在服务器上部署应用程序（例如Heroku甚至本地主机！
-
在脸书上注册应用程序。 http://developers.facebook.com/apps
-
Facebook会给你的应用一个ID和Client_secret代码。而且您每次都必须使用该ID和密码对应用程序进行身份验证。
简而言之，转到Facebook图形API文档，您将拥有所有内容...
在此处观看演示