const http = require('http')

const server = http.createServer((req, res) => {
    // 设置字符编码 - 设置文本的解析形式
    // 200 表示本次请求是成功的
    // text/html     ----   解析标签输出
    // text/plain    ----   转义标签输出   ----  原样输出
    // nodejs服务器 默认是 text/html
    res.writeHead(200, {
        'Content-Type': 'text/plain;charset=utf-8'
    })
    res.write('<h1>hello world</h1>')
    res.write('<h2>您好</h2>') // 如果出现中文字符，默认会乱码   ---- 设定字符编码
    res.end()
}) 

server.listen(3000)

console.log('your server is runing at http://localhost:3000')

// ???? 打开控制台 -》 NETWORK,刷新页面，发现有2个请求  --- 要的是一个请求 ---- 过滤不需要的请求2.

// http
// 解析网址   url
/**
 * 完整的URL地址的解析字段
┌────────────────────────────────────────────────────────────────────────────────────────────────┐
│                                              href                                              │
├──────────┬──┬─────────────────────┬────────────────────────┬───────────────────────────┬───────┤
│ protocol │  │        auth         │          host          │           path            │ hash  │
│ 协议      │  │                     ├─────────────────┬──────┼──────────┬────────────────┤       │
│          │  │                     │    hostname     │ port │ pathname │     search     │       │
│          │  │                     │     域名         │ 端口  │   路由   ├─┬──────────────┤       │
│          │  │                     │                 │      │          │ │    query     │       │
"  https:   //    user   :   pass   @ sub.example.com : 8080   /p/a/t/h  ?  query=string   #hash "
│          │  │          │          │    hostname     │ port │          │                │       │
│          │  │          │          ├─────────────────┴──────┤          │    参数         │ 哈希值│
│ protocol │  │ username │ password │          host          │          │                │       │
├──────────┴──┼──────────┴──────────┼────────────────────────┤          │                │       │
│   origin    │                     │         origin         │ pathname │     search     │ hash  │
├─────────────┴─────────────────────┴────────────────────────┴──────────┴────────────────┴───────┤
│                                              href                                              │
└────────────────────────────────────────────────────────────────────────────────────────────────┘
 * 
 */
const url = require('url')

const urlStr = "http://localhost:3000/login?username=wudaxun&password=123456"

// url.parse(urlStr[, boolean]) --- 将字符串类型的网址转换成对象

const obj = url.parse(urlStr，true)

// console.log(obj)

/**
 * Url {
  protocol: 'http:', // 协议
  slashes: true,
  auth: null, // 作者
  host: 'localhost:3000', // 域名 + 端口
  port: '3000', // 端口
  hostname: 'localhost', // 域名
  hash: null, // 哈希值
  search: '?username=wudaxun&password=123456', // ? + 参数
  query: 'username=wudaxun&password=123456', // 字符串类型的参数
  pathname: '/login', // 路由
  path: '/login?username=wudaxun&password=123456', // 路由 + ？ + 参数
  href: 'http://localhost:3000/login?username=wudaxun&password=123456' // 完整的地址
}
 */

 console.log(obj.query)  // username=wudaxun&password=123456

　console.log(obj.query.username) //wudaxun
　console.log(obj.query.password) //123456

/**
 * 过滤图标 、设置路由
 */
const http = require('http');
const url = require('url'); // 获取前端请求的信息 ---  url.parse() 字符串的url转成对象

const server = http.createServer((req, res) => {
    if (req.url !== '/favicon.ico') { // 过滤图标的请求
    res.writeHead(200, {
        'Content-Type': 'text/html;charset=utf-8'
    })

    const urlObj = url.parse(req.url, true) // true 将参数类型的字符串转成对象

    // // write函数不能输出对象，可以输出字符串 ---- 对象转字符串
    // res.write(JSON.stringify(urlObj))

    // 拿路由
    // const pathname = urlObj.pathname
    const { pathname } = urlObj;

    res.write('<h1>您好，世界！</h1>' + pathname);

    res.end();
}
});

server.listen(3000);

console.log('your server is running at http://localhost:3000');

// querystring  username=wudaxun&password=123456&sex=1&age=18 转成 对象

/**
 * querystring
 *      将参数类型的字符串转换成对象类型
 * 
 *  username=wudaxun&password=123456  
 * 
 *      ===>
 *  
 *  { username: wudaxun, password: 123456 }
 */
const querystring = require('querystring')

const queryStr = 'username=wudaxun&password=123456&age=18'

// querystring.parse(queryStr)  *---- 将字符串类型的参数 转换成 对象

const obj = querystring.parse(queryStr)

console.log(obj)

/***
 * {
  username: 'wudaxun',
  password: '123456',
  age: '18'
}

总结：
    实际开发过程中并不需要使用 querystring,建议使用 url.parse(str, true)

    url.parse()的第二个参数为true可转对象，其原理就是 querystring.parse()
 */


 // ??? 已知的网页字符串可以搞定，那么如果是用户输入的网址呢？

const http = require('http')
const url = require('url')

const server = http.createServer((req, res) => {
    if (req.url !== '/favicon.ico') {
        res.writeHead(200, {
            'Content-Type': 'text/html;charset=utf-8'
        })

        const urlStr = req.url // /login?username=wudaxun&password=123456

        const obj = url.parse(urlStr, true).query // { username: 'wudaxun', password: '123456' }

        const { username, password } = obj

        res.write(`用户名：${username}`)
        res.write(`密码： ${password}`)

        res.end()

    }
})

server.listen(3000)

// 登录 注册表单 不要使用  &  --- 丢失数据


/**
 * 如果用户输入  /home  那么输出  首页
 * 如果用户输入  /kind  那么输出  分类
 * 如果用户输入  /cart  那么输出  购物车
 * 如果用户输入  /user  那么输出  个人中心
 */

/**
 * fs    ----  file system
 *  后端语言的标志：
 *      文件的读写
 */

 // 文件的读操作
 // fs.readFile(path, 'utf-8', (err, data) => {})

 const fs = require('fs')

 fs.readFile('./01node介绍.html', 'utf-8', (err, data) => {
    if (err) {
        console.log(err)
    } else {
        console.log(data)
    }
 })
 

const http = require('http')
const fs = require('fs')
const server = http.createServer((req, res) => {
    if (req.url !== '/favicon.ico') {
        res.writeHead(200, {
            'Content-Type': 'text/html;charset=utf-8'
        })

        fs.readFile('./12test.html', 'utf-8', (err, data) => {
            if (err) throw err // 遇到错误，抛出异常，代码不再继续执行
            res.write(data)
            res.end()
        })
    }
})

server.listen(3000)


/**
 * 如果用户输入  /home  那么输出  首页.html
 * 如果用户输入  /kind  那么输出  分类.html
 * 如果用户输入  /cart  那么输出  购物车.html
 * 如果用户输入  /user  那么输出  个人中心.html
 */