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. 定位crash的问题

    一般都要符号化crash日志,但是低内存奔溃却没有堆栈日志 A Low Memory report differs from other crash reports in that there are ...

  2. cocos2d JS 监听键盘触摸响应事件(cc.EventListener.KEYBOARD)

    除了可以监听键盘按键,还可以是终端设备的各个菜单键,都能使用同一个监听器来进行处理. //给statusLabel绑定键盘事件 cc.eventManager.addListener({ event: ...

  3. Oracle 22表空间

    数据库与表空间: 表空间实际上是数据库上的逻辑储存结构,可以把表空间理解为在数据库中开辟的一个空间,用于存放我们的数据库的对象,一个数据库可以由多个表空间构成. 表空间与数据文件: 表空间实际上是由一 ...

  4. 第零章 HTML启蒙知识与网站开发流程

    Web前端启蒙知识:1.软件架构模式a)B/S架构:Browser-Server 浏览器服务器模型b)C/S架构:Client-Server 客户端服务器模型注1:浏览器是运行网页的应用程序注2:B/ ...

  5. sqlserver中查询表字段的sql语句

    sqlserver中的表信息字段信息这些东西也是放到系统表中的,以下sql语句用于查询某表的字段信息. select t1.id object_id,t1.name object_name,t2.va ...

  6. OWASP top 10

    OWASP Top 10 A1: InjectionSolution+Validate User Input+Never concatenate queries and date+Parameteri ...

  7. python -- 判断给定的参数是否是地理位置的经度和纬度

    例子: coordinates = "2.3,-8ui" 无效地理位置 coordinates = "2.3,-8i" 有效地理位置 方法一:使用try...e ...

  8. hdu5293 lca+dp+树状数组+时间戳

    题意是给了 n 个点的树,会有m条链条 链接两个点,计算出他们没有公共点的最大价值,  公共点时这样计算的只要在他们 lca 这条链上有公共点的就说明他们相交 dp[i]为这个点包含的子树所能得到的最 ...

  9. sitecore系列教程之营销人员和技术人员如何策划与消费者的对话以提升体验？

    “每次良好的交谈都要从良好的倾听开始.” - 未知 你是如何听取网站访问者的?你是在倾听还是只是回复? 拥有内容管理系统只是良好网站战略的一个要素.毕竟,内容必须是动态的,及时的和相关的. 当网站访问 ...

  10. Memento Mori (二维前缀和 + 枚举剪枝)

    枚举指的是枚举矩阵的上下界,然后根据p0, p1, p2的关系去找出另外的中间2个点.然后需要记忆化一些地方防止重复减少时间复杂度.这应该是最关键的一步优化时间,指的就是代码中to数组.然后就是子矩阵 ...