TypeScript2024第二周拓展实战训练——生成二维码和聊天抓包

现在还没有正式进入TS发挥作用的场景，所以忽略学习类型限制，仍然关注JS语言执行功能 。

技能目标1-2

• 理解网页工作原理
• 掌握静态网页具体元素的修改能力
• 掌握使用Node.js第三方qrcode模块创建二维码的能力

S1、助力好友上热搜

目标效果:

要求: 访问页面 www.baidu.com/，通过浏览器查看页面进行修改，实现以下效果。

1.将 热搜榜第1信息 修改为 好友(室友)名字

2.将 热搜榜第2信息 修改为 你的名字

以上文字可自定义，要至少体现以上内容

S2、学习使用qrcode模块生成二维码

目标效果:

要求:参考下面源代码，最终实现 扫码可以跳转到 搜索本人姓名的百度页面。

操作指引：

步骤1.在文件夹w2中新建文件 1二维码.js ,在命令行中执行语句安装qrcode模块

 pnpm  i  qrcode

步骤2.在1二维码.js完成生成二维码的代码编写。

const qrcode  = require('qrcode')

let URL = `https://www.baidu.com/s?wd=专升本`
//qrcode.toFile(文件名,地址,文件类型,回调函数)
qrcode.toFile('二维码.png',URL,{type:'png'},(err)=>{

    if(err){
        console.log('代码出错')
    }else{
        console.log('生成二维码成功')
    }
    
})

步骤3 在命令行中运行此文件 node 1二维码.js

技能目标3-4

• 学会reqable进行QQ抓包操作
• 学会对接口返回数据进行分析、归纳、总结

S3、使用reqable捕获QQNT登录Login连接

目标效果:reqable下载地址

操作指引：

步骤1 打开reable，激活顶部选项后→启动

步骤2 打开新版桌面QQ，切换到密码登录

S4、分析qq/login 登录数据

<cookies>  2024年3月5日 11:01
p_uin: o02919386060
uin: o02919386060
p_skey: XmzShd4-tVj3oqXC3HvWRz-oFmNTUKf0WwI9O6v*8r0_

{
  "retcode": 0,
  "msg": "",
  "result": {
    "uid": "144115210408533322",
    "uid_key": "EOP1mMQHGixiS0hheGZ1Z3U5ZjNvNlRZc052OW9BTXFGRzJKVS9mT0dTVmU2V0xGSW1VPSKBAmV5SmhiR2NpT2lKQlEwTkJURWNpTENKMGVYQWlPaUpLVjFRaWZRLmV5SlVhVzU1U1VRaU9pSXhORFF4TVRVeU1UQTBNRGcxTXpNek1qSWlMQ0pXWlhJaU9pSXhJaXdpUkc5dFlXbHVJam9pYzJGaGMxOTBiMk1pTENKU1ppSTZJbU5aVEdGUVpDSXNJbVY0Y0NJNk1UY3hNakU1T1RFMU55d2lhV0YwSWpveE56QTVOakEzTVRVM0xDSnBjM01pT2lKVVpXNWpaVzUwSUVSdlkzTWlmUS5mZ2ZZUk5ody1jNDJGaGZMTGh2eGNyS3VLTm9xLW4zUHk4YlNLXy11ZGZVKPWruLAG",
    "tinyid": "144115210408533322"
  }
}

同一个号，登录两次uid_key 值 ，相同的部分用[标记],

例如：第一次登录为甲，第二次登录为乙,第三次登录为丙

开头：[EOP1mMQHGix]
甲 iS0hheGZ1Z3U5ZjNvNlRZc052OW9BTXFGRzJKVS9mT0dTVmU2V0xGSW1V
乙 2dU5ncXlBS3p3TFEwN25pVUJWcS8xMmFIenV5WVZwMDd1RC9YSHBuR3Jz
丙 BN0UwejYvZjQ5QlljbTVrQlo4THpINVpNb2QvWktIUzVjTUNvQ2dhZDhF

相同 [PSKBAmV5SmhiR2NpT2lKQlEwTkJURWNpTENKMGVYQWlPaUpLVjFRaWZRLmV5SlVhVzU1U1VRaU9pSXhORFF4TVRVeU1UQTBNRGcxTXpNek1qSWlMQ0pXWlhJaU9pSXhJaXdpUkc5dFlXbHVJam9pYzJGaGMxOTBiMk1pTENKU1ppSTZJ]
甲 bU5aVEdGUVp
乙 bmxKVWtoalZ
丙 azF3UTFONVZ

相同 [DSXNJbVY0Y0NJNk1UY3hNak]
甲 U1T1RFMU55
乙 l3TURnd09D
丙 l3TXpFeE5T

相同 [d2lhV0YwSWpveE56QTVOakE0T0RBNExDSnBjM01pT2lKVVpXNWpaVzUwSUVSdlkzTWlmUS]
甲 5mZ2ZZUk5ody1jNDJGaGZMTGh2eGNyS3VLTm9xLW4zUHk4YlNLXy11ZGZVKPWr 
乙 43WUQtOTA3QklsMGN5Y0F2aXZiRzlNV2lJUm84aTdfVTh6OXF0NlJCTVh3KOi4
丙 5TcTZwNzBzMDh2bTg2WEJGQTY5bm41bkJwQ3ZEZ08zUkEybXBTT2pKWjBrKOvK

结尾：[uLAG]

附录

1. 新版QQNT发布，下载im.qq.com/pcqq

新版本的特点是图标背景颜色为白色。

2.现代浏览器Firefoxwww.firefox.com.cn/

3.reqable抓包工具 reqable.com/zh-CN/