node.js 初学（二）—— 搭建注册/登录服务器
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 初学（二）—— 搭建注册/登录服务器的更多相关文章
- node.js+mysql用户的注册登录验证
下面代码实现的功能是:用node.js连接mysql实现用户的注册和登录,这里主要实现的是后端的验证代码,前端显示部分没具体写出. 整个程序的流程是这样的: 1.首先建立数据库reji,数据表user ...
- node.js 初学（一）—— http fs 服务器/文件/post get
node.js 初学 —— http fs 服务器/文件/post get 这个世界,从来不会给失败者颁奖! 了解 node.js (开源) node.js 是用来做后台开发的,但是现在大部分前端人员 ...
- Node.js博客搭建
Node.js 博客搭建 一. 学习需求 Node 的安装运行 会安装node,搭建node环境 会运行node. 基础模块的使用 Buffer:二进制数据处理模块 Event:事件模块 fs:文件系 ...
- Linux虚拟机中 Node.js 开发环境搭建
Node.js 开发环境搭建: 1.下载CentOS镜像文件和VMWare虚拟机程序; 2.安装VMWare——>添加虚拟机——>选择CentOS镜像文件即可默认安装带有桌面的Linux虚 ...
- 玩转Node.js（二）
玩转Node.js(二) 先来回顾上次的内容,上一次我们使用介绍了Node.js并写了第一个服务器端的Hello World程序,在这个Hello World程序中,请求自带的http模块并将其赋给h ...
- node.js+mysql环境搭建
https://www.jianshu.com/p/9b338095cbe8 node.js+mysql环境搭建 0x01 前言 随着html web技术的发展,和全栈式开发的需求,对于前端人员来讲, ...
- [转]用Node.js创建自签名的HTTPS服务器
用Node.js创建自签名的HTTPS服务器 创建自己的CA机构 创建服务器端证书 创建客户端证书 将证书打包 创建自己的CA机构 为CA生成私钥 openssl genrsa -out ca-key ...
- Node.js初学
Node.js 初学~ 其技术上最大的卖点是非阻塞的I/O和基于事件的异步处理机制. 后端没有什么深入研究,一直对其不是很了解. 透过一个例子看 非阻塞 与 通常的 阻塞 var text = rea ...
- 前端使用node.js的http-server开启一个本地服务器
前端使用node.js的http-server开启一个本地服务器 在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时 ...
随机推荐
- canvas 写一个刮刮乐抽奖
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Please add or free up more resources then turn off safe mode manually.
解决方案:硬盘满了,释放硬盘空间.
- Objective-C中NSArray的基本用法示例
NSArray的一些用法 NSArray只允许装OC对象,并且不能装空值,空代表数组元素的结束 #pragma mark - NSArray的基本用法 // 创建一个空数组 NSArray *arra ...
- Oracle 10g使用amdu抽取数据文件
环境:OEL 5.7 + Oracle 10.2.0.5 RAC 需求:实验在Oracle 10g环境使用amdu抽取数据库文件 本文主要目的是介绍3个知识点: 1.使amdu可以在oracle 10 ...
- SQL中的replace函数
REPLACE 用第三个表达式替换第一个字符串表达式中出现的所有第二个给定字符串表达式. 语法 REPLACE ( 'string_expression1' , 'string_expression2 ...
- Django中的View视图讲解
Django中的View视图(view.py)是负责处理用户请求和返回响应的逻辑. 视图函数或视图简而言之就是一个python函数,它接受一个web请求并返回一个Web响应. 此响应可以是网页的HTM ...
- java outterLoop跳出多重循环用法以及详解
List<CommResultMsg> listresult=new ArrayList<CommResultMsg>(); outterLoop :for (int i = ...
- Semaphore wait has lasted > 600 seconds
解决方案:set global innodb_adaptive_hash_index=0;
- IntelliJ IDEA总是提示Cannot resolve symbol的解决方案
- python deque
Deque objects support the following methods: append(x)¶ Add x to the right side of the deque. append ...