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

1,178 阅读4分钟

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

fe169762d95e1012787fcfbd09ccdde6.jpg

视频:# 2023年毕业的计算机

技能目标1-2

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

S1、助力好友上热搜

目标效果:

要求: 访问页面 www.baidu.com/,通过浏览器查看页面进行修改,实现以下效果。
1.将 热搜榜第1信息 修改为 好友(室友)名字
2.将 热搜榜第2信息 修改为 你的名字
以上文字可自定义,要至少体现以上内容 图片.png




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

目标效果:

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

操作指引:

步骤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

图片.png



模仿游戏.webp

视频:# 伟大的天才-图灵

技能目标3-4

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

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

reqable下载地址https://reqable.com/zh-CN/

图片.png

目标效果:https://docs.qq.com/api/user/qq/login

0E147C395099E4584772FFBF9A68EBB0.png

操作指引:

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

图片.png

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

图片.png

步骤3 捕捉QQ头像接口(首次登录成功)

因为图像缓存的原因,首次登录QQ容易捕获。如果找不到链接属于正常情况,需要清理QQ缓存。 72e5433cc92ddf6633d9bfde4f14f328_720.png

步骤4 捕捉QQ登录接口login

docs.qq.com/api/user/qq…

图片.png



S4、分析qq/login 登录数据

图片.png

<cookies>  20243511: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

图片.png 新版本的特点是图标背景颜色为白色。 ~1TX%3C8_(P3RG}9I99FP}8.png

图片.png

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

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

图片.png