您现在的位置是: 首页 » 网页代码 » node.js登录注册
网页代码

node.js登录注册

网站优化小编十一月 27, 2019 5人已围观

node.js写登录注册的方法:我们需要在nodejs文件中定义一个接口,这个接口接收三个参数,分别为act、user和password,后台通过这三个接口接收前台登录注册数据并返回一个json告诉前台登录注册结果。

网站运营中栏目排名优化技巧

nodejs用户注册登录的简单实现:
首先我们要先定义接口。我们定义一个叫做user的接口,并且这个接口接受三个参数,分别为act,user和password。

/user?act=reg&user=abc&pass=123
/user?act=login&user=abc&pass=123

并且当服务器接收到客户端的请求后,会返回一个json

{"ok":true,"msg":reason}
{"ok":false,"msg":reason}

接口的名字可以随便定义,只要前台和后台统一即可。因此这里的act,也可以换成type或者任意的文字。
具体如下:

const http = require("http");
const fs = require("fs");
const querystring = require("querystring");
const urlLib = require("url");
//存取用户的数据,一般来说要存入数据库
var users = {};
var server = http.createServer(function(req , res){  
//解析数据
  var str = "";  
  //POST数据不在req.url中
  //POST数据就是内容,直接过来
  //因此我们绑定两个事件来分段接收POST数据
  req.on('data' , function(data){
    str += data;
  });
  req.on('end' , function(){
      var obj = urlLib.parse(req.url , true);    
      const url = obj.pathname;    
      const GET = obj.query;    c
      onst POST = querystring.parse(str);    
      console.log(url,GET,POST);    
    //如果请求的是user就认定为请求接口
    //如果不是user都认为是请求文件
    if(url == '/user'){
       //接口
      //客户端是get请求方式
      //如果是POST请求,改成POST.act就可以
      switch(GET.act){
              //用户的动作是登陆
        case 'reg':
              //检查用户名是否存在
          if(users[GET.user]){
            //这边json的格式需要注意
            //不论是键还是值都得用双引号引起来
            //如果不这样做,前台将会无法解析json格式的字符串
            res.write('{"ok":false,"msg":"该用户已存在"}');
          }else{
          //没有注册过,严格来说需要验证所输入的用户名密码的合法性
            users[GET.user] = GET.pass;
            res.write('{"ok":true,"msg":"注册成功"}');
          }
                    break;
                    case 'login':         
           //检查用户是否存在
          if(users[GET.user] == null){
            res.write('{"ok":false,"msg":"该用户不存在"}');
          }else if(users[GET.user] !== GET.pass){            
          //检查密码是否正确
            res.write('{"ok":false,"msg":"账户或密码错误"}');
          }else{
            res.write('{"ok":true,"msg":"登陆成功"}');
          }
                    break;        
                    default:
          res.write('{"ok":false,"msg":"未知的错误"}');
      }
      res.end();
    }else{
      //请求文件
      //读取文件
      //客户端要请求的文件都存在www这个文件夹里
      var file_name = './www' + url;
      fs.readFile(file_name , function(err , data){
              if(err){
          res.write('404 is not found!');
        }else{
          res.write(data);
        }
        res.end();
      });
    }
  });
});

server.listen(3000 , function(err){  if(!err){
    console.log('server is listening 3000 port...');
  }else{
      console.log(err);
  }
});

然后我们需要一个html文件

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title></head><body>
  username <input type="text" id="user"><br>
  password <input type="password" id="pass"><br>
  <input type="button" value="login" id="login_btn">
  <input type="button" value="register" id="reg_btn"></body>
  <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script>
  $(function(){
    $("#login_btn").click(function(){
          if($("#user").val().length == 0){
                  return alert("Please input content");
      }
            if($("#pass").val().length == 0){
                    return alert("Please input password");
      }
      $.ajax({
              url:"/user",        t
              ype:"GET",
                      data:{
                                act:"login",          
                                user:$("#user").val(),          
                                pass:$("#pass").val()
        },
                success:function(str){
                          var json = eval("("+str+")");          
                          if(json.ok){
            alert("登陆成功");
          }else{
            alert(json.msg);
          }
        },
                error:function(err){
                  console.log(err);
        }
      });
    });
    $("#reg_btn").click(function(){
          if($("#user").val().length == 0){
                  return alert("Please input content");
      }
            if($("#pass").val().length == 0){
              return alert("Please input password");
      }
      $.ajax({
              url:"/user",        
              type:"GET",        
              data:{          
              act:"reg",          
              user:$("#user").val(),          
              pass:$("#pass").val()
        },
                success:function(str){          
                var json = eval("("+str+")");          
                if(json.ok){
            alert("注册成功");
          }else{
            alert(json.msg);
          }
        },
                error:function(err){          
                console.log(err);
        }
      });
    });
  });
  </script>
  </html>

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:218天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2965 条
  • 文章评论:17 条
  • 微信公众号:扫描二维码,关注我们