java - Node.JS + Passport + MySQL + EasyRTC 身份验证-6ren

java - Node.JS + Passport + MySQL + EasyRTC 身份验证

转载作者：行者123 更新时间：2023-12-01 12:45:15

正如标题中提到的，我正在使用 Node.js + Passport.JS 和 MySQL.js。所有这些都已安装并且大部分工作正常，但我遇到了一些我无法解决的问题。

我的 profile.ejs 页面可以访问 user.x 变量，但我无法在大多数脚本中访问这些变量。我想将我的 easyrtcid 设置为登录用户的电子邮件地址。
目前 Passport session 似乎不起作用。可以使用相同的用户 ID 和密码从两个不同的浏览器登录。

配置文件.ejs

    <!doctype html>
<html>
    <head>
        <title>Node Authentication</title>
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="/easyrtc/easyrtc.css" />
        <script src="http://localhost:8080/socket.io/socket.io.js"></script>
        <script type="text/javascript" src="http://localhost:8080/easyrtc/easyrtc.js"></script>
        <script type="text/javascript" src="E:/PortableApps/nodejs/app/config/demo_audio_video_simple.js"></script>
        <script type="text/javascript" src="E:/PortableApps/nodejs/app/config/jquery-2.1.1.min.js"></script>

        <style>
            /* Header styles */

            .row {
                float:left;
                position:relative;
                width:250px;
                text-align:center;
               }
            .well,
            .hidden {
                float:left;
                position:relative;
                padding:0 0 1em 0;
                overflow:hidden;
                }

            #otherClients {
                height:200px;
                overflow-y:scroll;
               }

            #selfVideo {
                height:225px;
                width:300px;
                float:left;
                border:1px solid gray;
                margin-left:10px;
            }
            #callerVideo {
                height:225px;
                width:300px;
                border:1px solid gray;
                margin-left:10px;
            }

            #well {
                position:relative;
            }
            #connectControls {
                float:left;
                width:250px;
                text-align:center;
            }
           /*#acceptCallBox {
                display:none;
                z-index:2;
                position:absolute;
                top:100px;
                left:400px;
                border:red solid 2px;
                background-color:pink;
                padding:15px; 
           }
        </style>
        <script>
            //var socket = io.connect('http://localhost');
            var selfEasyrtcid = "";
            var haveSelfVideo = false;
            //console.log(user);

            // easyrtc.enableDebug(true);

            // display globals in console
            //for(var b in window) { 
            //if(window.hasOwnProperty(b)) console.log(b); 
            // }


            function disable(domId) {
                console.log("about to try disabling "  + domId);
                document.getElementById(domId).disabled = "disabled";
            }


            function enable(domId) {
                console.log("about to try enabling "  + domId);
                document.getElementById(domId).disabled = "";
            }


            function connect() {
                console.log("Initializing connection");
                easyrtc.enableAudio(document.getElementById('shareAudio').checked);
                easyrtc.enableVideo(document.getElementById('shareVideo').checked);
                easyrtc.setRoomOccupantListener(convertListToButtons);
                easyrtc.connect("easyrtc.audioVideo", loginSuccess, loginFailure);
                console.log("connection complete");

            }

            function hangup() {
                easyrtc.hangupAll();
                disable('hangupButton');
                console.log("hangup");
            }


            function clearConnectList() {
                var otherClientDiv = document.getElementById('otherClients');
                while (otherClientDiv.hasChildNodes()) {
                    otherClientDiv.removeChild(otherClientDiv.lastChild);
                }
            }

            function convertListToButtons (roomName, data, isPrimary) {
                console.log("convert list to buttons");
                console.log(JSON.stringify(data));
                console.dir(data);
                clearConnectList();
                var otherClientDiv = document.getElementById('otherClients');
                for(var easyrtcid in data) {
                    var button = document.createElement('button');
                    button.onclick = function(easyrtcid) {
                        return function() {
                            performCall(easyrtcid);
                        };
                    }(easyrtcid);

                    var label = document.createTextNode(easyrtc.idToName(easyrtcid));
                    button.appendChild(label);
                    otherClientDiv.appendChild(button);
                }
            }

            function setUpMirror() {
                if( !haveSelfVideo) {
                    var selfVideo = document.getElementById("selfVideo");
                    easyrtc.setVideoObjectSrc(selfVideo, easyrtc.getLocalStream());
                    selfVideo.muted = true;
                    haveSelfVideo = true;
                }
            }

            function performCall(otherEasyrtcid) {
                easyrtc.hangupAll();
                console.log("calling" + otherEasyrtcid);
                var acceptedCB = function(accepted, easyrtcid) {
                    if( !accepted ) {
                        easyrtc.showError("CALL-REJECTED", "Sorry, your call to " + easyrtc.idToName(easyrtcid) + " was rejected");
                        enable('otherClients');
                    }
                };

                var successCB = function(easyrtcid) {
                    setUpMirror();
                    console.log("call accepted by " + easyrtc.idToName(easyrtcid));
                    enable('hangupButton');
                };
                var failureCB = function(otherEasyrtcid) {
                    console.log("call to  " + easyrtc.idToName(otherEasyrtcid) + " failed:" + errMessage);
                    enable('otherClients');
                };
                easyrtc.call(otherEasyrtcid, successCB, failureCB, acceptedCB);
                enable('hangupButton');
            }

            function loginSuccess(easyrtcid) {
                console.log(easyrtcid);
                selfEasyrtcid = easyrtcid;
                disable("connectButton");
              //  enable("disconnectButton");
                enable('otherClients');
              //  console.log(data);
                document.getElementById("iam").innerHTML = "I am " + easyrtc.cleanId(easyrtcid);
            }


            function loginFailure(errorCode, message) {
                easyrtc.showError(errorCode, message);
            }

            function disconnect() {
                console.log("disconnect");
                document.getElementById("iam").innerHTML = "logged out";
                easyrtc.disconnect();
                enable("connectButton");
            //    disable("disconnectButton");
                clearConnectList();
                easyrtc.setVideoObjectSrc(document.getElementById('selfVideo'), "");
            }

            easyrtc.setStreamAcceptor( function(easyrtcid, stream) {
                setUpMirror();
                var video = document.getElementById('callerVideo');
                easyrtc.setVideoObjectSrc(video,stream);
                console.log("saw video from " + easyrtcid);
                enable("hangupButton");
            });



            easyrtc.setOnStreamClosed( function (easyrtcid) {
                easyrtc.setVideoObjectSrc(document.getElementById('callerVideo'), "");
                disable("hangupButton");
            });


            var callerPending = null;

            easyrtc.setCallCancelled( function(easyrtcid){
                if( easyrtcid === callerPending) {
                    document.getElementById('acceptCallBox').style.display = "none";
                    callerPending = false;
                }
            });


            easyrtc.setAcceptChecker(function(easyrtcid, callback) {
                document.getElementById('acceptCallBox').style.display = "block";
                callerPending = easyrtcid;
                if( easyrtc.getConnectionCount() > 0 ) {
                    console.log(easyrtcid + "has" + easyrtc.getConnectionCount() + " peer connections");
                    document.getElementById('acceptCallLabel').innerHTML = "Drop current call and accept new from " + easyrtc.idToName(easyrtcid) + " ?";
                }
                else {
                    document.getElementById('acceptCallLabel').innerHTML = "Accept incoming call from " + easyrtc.idToName(easyrtcid) + " ?";
                }
                var acceptTheCall = function(wasAccepted) {
                    document.getElementById('acceptCallBox').style.display = "none";
                    if( wasAccepted && easyrtc.getConnectionCount() > 0 ) {
                        easyrtc.hangupAll();
                    }
                    callback(wasAccepted);
                    callerPending = null;
                };
                document.getElementById("callAcceptButton").onclick = function() {
                    acceptTheCall(true);
                };
                document.getElementById("callRejectButton").onclick =function() {
                    acceptTheCall(false);
                };
            } );

        </script>

    </head>
    <body>

    <div class="container">

        <div class="page-header text-center">
            <h1><span class="fa fa-anchor"> </span> Profile Page</h1>
            <a href="/logout" class="btn btn-default btn-sm">Logout</a>
        </div>
        <div class="row">

            <!-- LOCAL INFORMATION -->
                <div class="well">
                    <h3><span class="fa fa-user"> </span> Local</h3>

                    <div id="connectControls">
                        <input type="checkbox" checked="checked" id="shareAudio" />Share audio
                        <input type="checkbox" checked="checked" id="shareVideo" />Share video <br />
                        <button id="connectButton" onclick="connect()">Connect</button>
                        <button id="hangupButton" disabled="disabled" onclick="hangup()">Hangup</button>
                        <div id="iam">Not yet connected...</div>
                        <strong>id</strong>: <%= user.id %><br>
                        <strong>email</strong>: <%= user.email%><br>
                        <strong>password</strong>: <%= user.password %>
                        <br />
                        <strong>Connected users:</strong>
                        <div id="otherClients"> </div>
                    </div>

                    <div id="videos">
                        <video autoplay="autoplay" id="selfVideo"  class="easyrtcMirror" muted="muted" volume="0"> </video>
                        <video autoplay="autoplay" id="callerVideo"> </video>
                        <div id="acceptCallBox"> <!-- Should be initially hidden using CSS -->
                            <div id="acceptCallLabel"> </div>
                            <button id="callAcceptButton" >Accept</button> <button id="callRejectButton">Reject</button>
                        </div>
                    </div>
                    <div id="hidden"> </div>
                <!--hide-->
                <br style="clear:both;" />
                <hr />
                </div>
        </div>

    </div>
    </body>
</html>

Passport .js

    // config/passport.js

// load all the things we need
var LocalStrategy   = require('passport-local').Strategy;
// load up the user model
var User            = require('../models/user');
var mysql = require('mysql');
//Database connection details
var connection = mysql.createConnection({
                  host     : '127.0.0.1',
                  user     : 'root',
                  password : ''
                });

connection.query('USE nodejsmysql');    
// expose this function to our app using module.exports
module.exports = function(passport) {

    // =========================================================================
    // passport session setup ==================================================
    // =========================================================================
    // required for persistent login sessions
    // passport needs ability to serialize and unserialize users out of session
    // used to serialize the user for the session
    passport.serializeUser(function(user, done) {
        console.log("serialize");
        done(null, user.id);
    });

    // used to deserialize the user
    passport.deserializeUser(function(id, done) {
        console.log("deserialize");        
        connection.query("select * from users where id = "+id,function(err,rows){
            done(err, rows[0]);

        });
    });

    // =========================================================================
    // LOCAL SIGNUP ============================================================
    // =========================================================================
    // we are using named strategies since we have one for login and one for signup
    // by default, if there was no name, it would just be called 'local'

    passport.use('local-signup', new LocalStrategy({
        // by default, local strategy uses username and password, we will override with email
        usernameField : 'email',
        passwordField : 'password',
        passReqToCallback : true // allows us to pass back the entire request to the callback
    },
    function(req, email, password, done) {

        // find a user whose email is the same as the forms email
        // we are checking to see if the user trying to login already exists
        connection.query("select * from users where email = '"+email+"'",function(err,rows){
          //  console.log(rows);

            if (err) // error connecting to database
                return done(err);
             if (rows.length) { // user exists
                return done(null, false, req.flash('signupMessage', 'That email is already taken.'));
            } else {

                // if there is no user with that email
                // create the user
                var newUserMysql = new Object();

                newUserMysql.email    = email;
                newUserMysql.password = password; // use the generateHash function in our user model

                var insertQuery = "INSERT INTO users ( email, password ) values ('" + email +"','"+ password +"')";

                connection.query(insertQuery,function(err,rows){
                newUserMysql.id = rows.insertId;

                return done(null, newUserMysql);
                }); 
            }   
        });
    }));

    // =========================================================================
    // LOCAL LOGIN =============================================================
    // =========================================================================
    // we are using named strategies since we have one for login and one for signup
    // by default, if there was no name, it would just be called 'local'

    passport.use('local-login', new LocalStrategy({
        // by default, local strategy uses username and password, we will override with email
        usernameField : 'email',
        passwordField : 'password',
        passReqToCallback : true // allows us to pass back the entire request to the callback
    },
    function(req, email, password, done) { // callback with email and password from our form

         connection.query("select * from users where email = '"+email+"'",function(err,rows){


            if (err)
                return done(err);
             if (!rows.length) {
                return done(null, false, req.flash('loginMessage', 'No user found.')); // req.flash is the way to set flashdata using connect-flash
            } 

            // if the user is found but the password is wrong
            if (!( rows[0].password == password))
                return done(null, false, req.flash('loginMessage', 'Oops! Wrong password.')); // create the loginMessage and save it to session as flashdata

            // all is well, return successful user

            return done(null, rows[0]);         

        });
    }));
};

最佳答案

我能够解决问题的第一部分。在 profile.ejs 上，我刚刚获取了元素的值并将其设置为 easyrtcid.username

element = document.getElementById('email');
                var searchThis = element.textContent || element.innerText;
                 easyrtc.setUsername(searchThis);

现在，当用户登录时，他们将看到自己的用户名，而不是看到随机的 easyrtcID，并且每个其他用户将发送他们的用户名，因此，convertlisttobuttons() 现在还将显示已登录用户的电子邮件地址。

我仍然遇到第二个问题，但不知道如何继续。一旦用户登录，他们的 session 应该被锁定，并且其他人不应该能够使用该电子邮件/密码组合登录。我仍然需要这方面的帮助。

关于java - Node.JS + Passport + MySQL + EasyRTC 身份验证，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24768269/

文章推荐： java - 如何在Android中获取带有按钮的项目信息

文章推荐： java - Maven:重命名应用程序 EAR

jsf - Bean 验证 VS JSF 验证
在 JSF2 应用程序中遇到验证属性的问题时，有两种主要方法。使用 Annotation 在 ManagedBean 上定义验证 @ManagedBean public class MyBean {
javascript - Jquery 验证。验证 "keyup"并在密码正确时隐藏表单
我想实现一个不常见的功能，我认为 jquery 验证插件将是最好的方法(如果您在没有插件的情况下建议和回答，我们也会欢迎)。我想在用户在输入字段中输入正确的单词后立即隐藏表单。我试过这个: $("
javascript - jQuery 验证 - 同一类的 NotEqual 验证
我有几个下拉菜单(类名为month_dropdown)，并且下拉菜单的数量不是恒定的。我怎样才能为它们实现 NotEqual 验证。我正在使用 jQuery 验证插件。这就是我写的 - jQuery
php - Javascript 中的 URL 验证 InstaGram 验证
我设法制作了这个网址验证代码并且它起作用了。但我面临着一个问题。我认为 stackoverflow 是获得解决方案的最佳场所。 function url_followers(){ var url=do
java - 验证/验证 Google Play 游戏服务 ID？
我目前正在使用后端服务，该服务允许用户在客户端应用程序上使用 Google Games 库登录。用户可以通过他们的 gplay ID 向我们发送信息，以便登录或恢复旧帐户。用户向我们发送以下内容，包
完整和部分 IP 的 python IP 验证 REGex 验证
我正在尝试验证输入以查看它是否是有效的 IP 地址(可能是部分地址)。可接受的输入:172、172.112、172.112.113、172.112.113.114 Not Acceptable 输入
regex - Mongoose 验证 : required : false, 验证 : regex, 问题与空值
我从 Mongoose 验证中得到这条消息: 'Validator failed for path phone with value ``' 这不应该发生，因为不需要电话。这是我的模型架构: var
openssl - 使用 .start_tls_s() 时如何强制 Python LDAP 验证/验证 SSL 证书
我一直在尝试使用Python-LDAP (版本 2.4.19)在 MacOS X 10.9.5 和 Python 2.7.9 下我想在调用 .start_tls_s() 后验证与给定 LDAP 服务
javascript - 在 VS 2017 中禁用一个项目的 ESLint/CSSLint/Javascript 验证/CSS 验证
我正在处理一个仅与 IE6 兼容的旧 javascript 项目(抱歉...)，我想仅在 VS 2017 中禁用此项目的 ESLint/CSLint/Javascript 验证/CSS 验证。我知道
spring - 使用 Hibernate Validator 验证 double 和 float 值 - bean 验证
我正在寻找一种方法来验证 Spring 命令 bean 中的 java.lang.Double 字段的最大值和最小值(一个值必须位于给定的值范围之间)，例如, public final class W
java - 无法执行目标org.apache.maven.plugins :maven-failsafe-plugin:2. 12:验证(验证)
我正在尝试在 springfuse(JavaEE 6 + Spring Framework (针对 Jetty、Tomcat、JBoss 等)) 和 maven 的帮助下构建我的 webapps 工作
Scalaz 验证
我试图在我们的项目中使用 scalaz 验证，但遇到了以下情况: def rate(username: String, params: Map[String, String]): Validation
YamlLint 验证
我有一个像这样的 Yaml 文件 name: hhh_aaa_bbb arguments: - !argument name: inputsss des
JavaScript 验证
我有一个表单，人们可以单击并向表单添加字段，并且我需要让它在单击时验证这些字段中的值。假设我单击它两次并获取 2 个独立的字段集，我需要旋转 % 以确保它在保存时等于 100。我已放入此函数以使其
JavaScript 验证
在我的页面中有一个选项可以创建新的日期字段输入框。用户可以根据需要创建尽可能多的“截止日期”和“起始日期”框。就像，日期_to1 || date_from1 日期到2 ||日期_from2 date
YamlLint 验证
我有一个像这样的 Yaml 文件 name: hhh_aaa_bbb arguments: - !argument name: inputsss des
Jquery 验证
有没有办法在动态字段上使用 jquery 验证表单。我想将其设置为必填字段我正在使用 Jsp 动态创建表单字段。喜欢等等...... 我想使用必需的表单字段验证此表单字段。最佳答
JavaScript 验证
嗨，任何人都可以通过提供 JavaScript 代码来帮助我验证用户名文本框不应包含数字，它只能包含一个字符。最佳答案使用正则表达式: (\d)+ 如果找到匹配项，则字符串中就有一个数字。关于J
JavaScript 验证
我有两个输入字段holidayDate和Description(id=tags) $(document).ready(function() {
JavaScript 验证 :
我遇到了这个问题，这些验证从电子邮件验证部分开始就停止工作。我只是不明白为什么即使经过几天的观察，只是想知道是否有人可以在这里指出我的错误？ Javascript部分: function valid

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

java - Node.JS + Passport + MySQL + EasyRTC 身份验证