准备工作
首先建立一个 server.js
和 一个 index.html
文件
1 |
|
我们要加入一个 注册 页面的路由,创建 sign_up.html
文件
sign_up.html
1 |
|
将以下代码添加进 server.js
文件中
1 | else if(path === '/sign_up' && method === 'GET'){ //当打开 sign_up,并且 method === 'GET' 时 |
现在我们可以通过 node server 8080
启动
然后在浏览器地址栏 打开 http://localhost:8080/sign_up
将以下代码添加进 server.js 文件中(封装一个函数,用来读取第四部分 Form Data
里面的内容)
1 | //node http get post data |
将以下代码添加进 server.js
文件中
1 | else if(path === '/sign_up' && method === 'POST'){//当打开 sign_up,并且 method === '' 时 |
注:前后端的代码都应该验证,后端一定要验,前端不一定。黑客可以跨过前端JS通过 curl 发请求,所以一定要确保后端代码。
再新建一个 db
文件夹,加入 users
文件,将 users
作为我们的数据库
等以上设置好了,注册用户,回到 user 文件,则可以看到 注册的用户信息。
现在我们要做一个 登录 页面,创建 sign_in.html
文件
sign_in.html
1 |
|
将以下代码添加进 server.js
文件中
1 | else if(path === '/sign_in' && method === 'GET'){ |
现在登录一个已经注册过的用户,在点击 登录 之前,钩上 Preserve log
可以看到sign_in
, Response Headers
里面的 Set-Cookie
和 localhost
, Request Headers
里面的 Cookie
内容一致。
只要set-cookie
, 以后给的请求,里面都会带上这个 cookie
。
Cookie 特点
- 服务器通过 Set-Cookie 响应头设置Cookie
- 浏览器得到 Cookie 之后,每次请求都要带上 Cookie
- 服务器读取 Cookie 就知道登录用户的信息(email)