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. 线程中使用SaveFileDialog不能弹出窗体

    在子线程中使用 SaveFileDialog 无法弹出窗体,主要是我们需要用主线程去处理SaveFileDialog , 我们可以将子线程进行如下设置: public partial class Fo ...

  2. 利用TensorFlow实现多元逻辑回归

    利用TensorFlow实现多元逻辑回归,代码如下: import tensorflow as tf import numpy as np from sklearn.linear_model impo ...

  3. MySQL--5子查询与连接小结

    子查询:出现在其他sql语句中的 SELECT,必须出现在小括号内,子查询外层可以是常见的SELECT语句,INSERT语句 UPDATE语句 DELETE语句,在子查询中可以包含多个关键字和条件 ( ...

  4. H5页面分享微信自定义分享title和img

    前端开发H5 需分享到朋友圈和发给好友,想自定义分享的title和图表还有简短一句话,还需调用微信的api 首先需获取到微信的appId,timestamp,nonceStr,signature 微信 ...

  5. python 读取excel数据并将测试结果填入Excel

    python 读取excel数据并将测试结果填入Excel 读取一个Excel中的一条数据用例,请求接口,然后返回结果并反填到excel中.过程中会生成请求回来的文本,当然还会生成一个xml文件.具体 ...

  6. cocos2d JS-(JavaScript) 检测DOM是否可用

    function domReady(f) { if (domReady.done) {//如果已经加载完成 马上执行函数 return f(); } if (domReady.timer) {//如果 ...

  7. 分享一种系统事故&问题处理反馈方式（COE）

    标签: COE, 复盘 如下为2014/11月份的邮件. 丁总,如下为摇钱树标的交易订单号重复事故的发生及处理过程.COE(Correction Of Error)是我们在JD研发部时使用的一种事故& ...

  8. 第四章 CSS3概述

    1.CSS3新增常用选择器(1)结构性伪类选择器:root 文档根元素 :nth-child(n) 第N个子元素"first-child 第一个元素 :kast-child 最后一个子元素 ...

  9. MongoDB--$project和$push的区别

    正文开始前,首先需要表名几条定义: 聚合(aggregate)是基于数据处理的聚合管道,每个文档通过一个由多个阶段(stage)组成的管道,可以对每个阶段的管道进行分组.过滤等功能,然后经过一系列的处 ...

  10. X.509证书及CeritificationPath及PKCS

    X.509,数字证书标准.X.509用在包含SSL/TLS在内的很多网络协议中,证书内部包含一个public key和一个identity(hostname,organization等). X.509 ...