node.js 初学（二）—— 搭建注册/登录服务器

　　理论上来说，代码实现在理论和实际上是一样的。但实际上来说，他们不是　　

做一个最简单的用户注册登录功能

1、接口定义：

　　注册：/user?act=reg&user=wjw&pass=123456

　　返回：{"ok":false,"meg":"原因"}

　　

　　登录：/user?act=login&user=wjw&pass=123456

　　返回：{"ok":true,"meg":"原因"}

目录结构

　　

ajax.js 文件

/**

 *  Author:strive

 *  Date: 2016/1/13

 */

function json2url(json) {

    var arr = [];

    for (var name in json) {

        arr.push(name + '=' + json[name]);

    }

    return arr.join('&');

}

function ajax(json) {

    json = json || {};

    if (!json.url) return;

    json.data = json.data || {};

    json.type = json.type || 'get';

    var timer = null;

    if (window.XMLHttpRequest) {

        var oAjax = new XMLHttpRequest();

    } else {

        var oAjax = new ActiveXObject('Microsoft.XMLHTTP');

    }

    switch (json.type) {

        case 'get':

            oAjax.open('GET', json.url + '?' + json2url(json.data), true);

            oAjax.send();

            break;

        case 'post':

            oAjax.open('POST', json.url, true);

            oAjax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

            oAjax.send(json2url(json.data));

            break;

    }

    oAjax.onreadystatechange = function () {

        if (oAjax.readyState == 4) {

            clearTimeout(timer);

            if (oAjax.status >= 200 && oAjax.status < 300 || oAjax.status == 304) {

                json.success && json.success(oAjax.responseText);

            } else {

                json.error && json.error(oAjax.status);

            }

        }

    };

}

user.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>node.js 实现用户注册登录</title>

    <script src="ajax.js" charset="UTF-8"></script>

    <script type="text/javascript">

        window.onload = function () {

            var oTxtUser = document.getElementById('user');

            var oTxtPass = document.getElementById('pass');

            var oBtnReg = document.getElementById('reg_btn');

            var oBtnLogin = document.getElementById('login_btn');

            // 注册

            oBtnReg.onclick = function () {

                ajax({

                    url: '/user',

                    data: {

                        act: 'reg',

                        user: oTxtUser.value,

                        pass: oTxtPass.value

                    },

                    type: 'get',

                    success: function (str) {

                        var json = eval('(' + str + ')');

                        if (json.ok) {

                            alert('注册成功！');

                        } else {

                            alert('注册失败！' + json.msg);

                        }

                    },

                    error: function () {

                        alert('通信错误！');

                    }

                });

            };

            // 登录

            oBtnLogin.onclick = function () {

                ajax({

                    url: '/user',

                    data: {

                        act: 'login',

                        user: oTxtUser.value,

                        pass: oTxtPass.value

                    },

                    type: 'get',

                    success: function (str) {

                        var json = eval('(' + str + ')');

                        if (json.ok) {

                            alert('登录成功！');

                        } else {

                            alert('登录失败：' + json.msg);

                        }

                    },

                    error: function () {

                        alert('通信错误！');

                    }

                });

            };

        };

    </script>

</head>

<body>

    用户名：

    <input type="text" id="user">

    <br> 密 码：

    <input type="password" id="pass">

    <br>

    <input type="button" id="reg_btn" value="注册">

    <input type="button" id="login_btn" value="登录">

</body>

</html>

 server.js 文件

const http = require('http');

const fs = require('fs');

const querystring = require('querystring');

const urlLib = require('url');

// 用于储存用户名密码 {"wjw":"123456","zhangsan":"456123"}

var users = {};

var server = http.createServer(function (req, res) {

    // 解析数据

    var str = '';

    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;

        const POST = querystring.parse(str);

        // 区分是访问接口还是访问文件。

        if (url == '/user') { // 访问的接口

            switch (GET.act) {

                case 'reg': // 注册

                    // 1. 检查用户名是否已经存在

                    if (users[GET.user]) {

                        res.write('{"ok":false,"msg":"此用户已经存在"}')

                    } else {

                        // 2. 插入 users

                        users[GET.user] = GET.pass;

                        res.write('{"ok":true,"msg":"注册成功"}')

                    }

                    break;

                case 'login': // 登录

                    if (users[GET.user] == null) {

                        // 1. 检查用户名是否存在

                        res.write('{"ok":false,"msg":"此用户不存在"}')

                    } else if (users[GET.user] != GET.pass) {

                        // 2. 检查用户密码

                        res.write('{"ok":false,"msg":"用户名或密码不正确"}');

                    } else {

                        res.write('{"ok":true,"msg":"登录成功"}')

                    }

                    break;

                default:

                    res.write('{"ok":false,"msg":"未知的act"}')

                    break;

            }

            res.end();

        } else {

            // 读取文件

            var file_name = './www' + url;

            fs.readFile(file_name, function (err, data) {

                if (err) {

                    res.write('404');

                } else {

                    res.write(data);

                }

                res.end();

            });

        }

    });

}).listen(8080);

　　

　　

　　

node.js 初学（二）—— 搭建注册/登录服务器的更多相关文章

  1. node.js+mysql用户的注册登录验证

    下面代码实现的功能是:用node.js连接mysql实现用户的注册和登录,这里主要实现的是后端的验证代码,前端显示部分没具体写出. 整个程序的流程是这样的: 1.首先建立数据库reji,数据表user ...

  2. node.js 初学（一）—— http fs 服务器/文件/post get

    node.js 初学 —— http fs 服务器/文件/post get 这个世界,从来不会给失败者颁奖! 了解 node.js (开源) node.js 是用来做后台开发的,但是现在大部分前端人员 ...

  3. Node.js博客搭建

    Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...

  4. Linux虚拟机中 Node.js 开发环境搭建

    Node.js 开发环境搭建: 1.下载CentOS镜像文件和VMWare虚拟机程序; 2.安装VMWare——>添加虚拟机——>选择CentOS镜像文件即可默认安装带有桌面的Linux虚 ...

  5. 玩转Node.js（二）

    玩转Node.js(二) 先来回顾上次的内容,上一次我们使用介绍了Node.js并写了第一个服务器端的Hello World程序,在这个Hello World程序中,请求自带的http模块并将其赋给h ...

  6. node.js+mysql环境搭建

    https://www.jianshu.com/p/9b338095cbe8 node.js+mysql环境搭建 0x01 前言 随着html web技术的发展,和全栈式开发的需求,对于前端人员来讲, ...

  7. [转]用Node.js创建自签名的HTTPS服务器

    用Node.js创建自签名的HTTPS服务器 创建自己的CA机构 创建服务器端证书 创建客户端证书 将证书打包 创建自己的CA机构 为CA生成私钥 openssl genrsa -out ca-key ...

  8. Node.js初学

    Node.js 初学~ 其技术上最大的卖点是非阻塞的I/O和基于事件的异步处理机制. 后端没有什么深入研究,一直对其不是很了解. 透过一个例子看 非阻塞 与 通常的 阻塞 var text = rea ...

  9. 前端使用node.js的http-server开启一个本地服务器

    前端使用node.js的http-server开启一个本地服务器 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时 ...

随机推荐

  1. js抽红包分配

    将 50000元随机分给10个人,其中3个人必须分到百位数,4个人分到千位数,3个人分到万位数,每个人所得金额 <!DOCTYPE html> <html lang="zh ...

  2. JAVA中使用LOG4J记录日志

    在项目开发中,记录错误日志是一个很有必要功能.一是方便调试:二是便于发现系统运行过程中的错误:三是存储业务数据,便于后期分析: 在java中,记录日志,有很多种方式. 比如,自己实现. 自己写类,将日 ...

  3. 查看手机cpu信息

    adb shell getprop ro.product.cpu.abi

  4. Cocos Creator 对象池cc.NodePool的使用

    对象池cc.NodePool把层级管理器中的节点拖进资源管理器中就创建了预制体:let和var 一样,是声明变量的关键词, 同一个变量名时,var 即使在{}内也作用全局,let有范围:(1)将需要数 ...

  5. UVALi 3263 That Nice Euler Circuit(几何)

    That Nice Euler Circuit [题目链接]That Nice Euler Circuit [题目类型]几何 &题解: 蓝书P260 要用欧拉定理:V+F=E+2 V是顶点数; ...

  6. codeforces 185A Plant(推公式)

    Plant [题目链接]Plant [题目类型]推公式 &题解: 这个是可以推公式的: 每年的总个数是4^n个,设n年时向上的个数是x个,向下的个数是y个,那么n+1年时,向上的个数是3* x ...

  7. mac connect to host localhost port 22: Connection refused

    在Mac OS X 10.10.5学习hadoop的过程中,输入命令ssh localhost得到 ssh: connect to host localhost port : Connection r ...

  8. faces

    install Boost [boost_1_65_1-msvc-14.0-32.exe]BOOST_LIBRARYDIR=D:\_softwares_kits\boost_1_65_1\lib32- ...

  9. jsp登陆界面代码

    <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncod ...

  10. unity3D客户端框架

    unity3D客户端框架  博客