2017-06-21 103 views
0

我一直工作在一个登录的NodeJS /注册,似乎在终端做工精细脚本(称为LoginRegister.js)。我还安装了NodeJS和它的bcrypt模块。这里的文件:HTML的NodeJS:“要求”未定义

// Initialization 
var fs = require("fs"); 
var bcrypt = require("bcrypt"); 
var LUinputID = $("#LUsernameIn").value; 
var LPinputID = $("#LPasswordIn").value; 
var RUinputID = $("#RUsernameIn").value; 
var RPinputID = $("#RPasswordIn").value; 

var UserStorageTextFile = "Users.txt"; 

$(document).ready(function(){ 
    console.log("Hello"); 
    var RButton = $("rBTN").addEventListener("click", registerUser(UserStorageTextFile, RUinputID, RPinputID)); 
    var LButton = $("#lBTN").addEventListener("click", registerUser(UserStorageTextFile, LUinputID, LPinputID)); 
}); 

// Defining Functions 
function encrypt(passwordFromUser) { 
    var salt = bcrypt.genSaltSync(10); 
    var hash = bcrypt.hashSync(passwordFromUser, salt); 
    return hash; 
} 

function passCheck(passwordFromUser, passHashed){ 
    return bcrypt.compareSync(passwordFromUser,passHashed); 
} 

function loginUser(usersTextFile, username, password){ 
    data = fs.readFileSync(usersTextFile).toString(); 

    if(data.indexOf(username) != -1){ 
     console.log(data.indexOf(username)); 
     for (var i = 0; i <= data.indexOf(username); i++) { 
      if (i == data.indexOf(username)) { 
       i += (username.length + 1); 
       passcode = data.slice(i, i+60); 

       if (passCheck(password, passcode)) { 
        console.log("Yes!!"); 
       } 
       else{ 
        console.log("No!!"); 
       } 
      } 
     } 
    } 
    else{ 
     console.log("No!!"); 
    } 
} 

function registerUser(usersTextFile, username, password) { 
    data = fs.readFileSync(usersTextFile); 
    saveData = data + username + "-" + encrypt(password) + "\n"; 

    fs.writeFile('Users.txt', saveData, (err2) => { 
     console.log("User " + username + " Registered!"); 
    }); 
} 

我想测试它在浏览器中,所以我放在一起的HTML文件中的行动,以显示我的JS之一:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Authentication Test</title> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script type="text/javascript" src="LoginRegister.js"></script> 
</head> 

<h2>Login</h2> 
<input type="text" id="RUsernameIn"> 
<input type="password" id="RPasswordIn"> 
<button id="lBTN">Login</button> 

<h2>Register</h2> 
<input type="text" id="LUsernameIn"> 
<input type="password" id="LPasswordIn"> 
<button id="rBTN">Register</button> 

</html> 

我在微软开辟了HTML文件边缘和试图按下注册按钮后,将细节放入框中,但我检查了Users.txt文件,并没有发生任何事情。看F12开发人员工具后,我注意到,在启动时,控制台说:

SCRIPT5009: 'require' is undefined 
LoginRegister.js (2,1) 
+3

'require()'是node.js中的一个服务器端函数。您显示的代码正在浏览器中运行,而不是在node.js中运行。看起来您可能会对浏览器和node.js如何协同工作感到困惑。 node.js被用作您的Web服务器。浏览器从Web服务器请求特定的URL。您的node.js代码接收到该请求,然后使用您在node.js中需要的任何代码,为该URL创建所需的HTML页面,然后将其作为对浏览器请求的响应发回。浏览器然后解析HTML并显示页面。该页面中的任何脚本都在浏览器中运行。 – jfriend00

+1

这是此https://stackoverflow.com/questions/31931614/require-is-not-defined-node-js可能重复 – Jalil

+0

你有一个市长的误解。节点是服务器端JS运行时。它不会在浏览器中运行。两个Witten在JavaScript中,不同的运行时环境。要在浏览器环境中使用节点代码和节点语法,请检查webpack。 – fsaint

回答

0

的node.js是一个服务器端的技术,而不是浏览器技术。因此,特定于节点的调用(如require())在浏览器中不起作用。

browserifywebpack如果你想从节点服务于特定浏览器的模块。

查看更多:require is not defined? node.js 感谢罗布Raisch。