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

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

技能目标1-2

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

S1、助力好友上热搜

目标效果:

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

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

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

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

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

目标效果:

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

操作指引:

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

js 复制代码
 pnpm  i  qrcode

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

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 登录数据

json 复制代码
<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 值 ,相同的部分用[标记],

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

txt 复制代码
开头:[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/

相关推荐
00后程序员张3 分钟前
HTTPS 包 抓取与分析实战,从抓包到解密、故障定位与真机取证
网络协议·http·ios·小程序·https·uni-app·iphone
慧慧吖@3 分钟前
react基础
前端·javascript·react.js
浪裡遊14 分钟前
MUI组件库与主题系统全面指南
开发语言·前端·javascript·vue.js·react.js·前端框架·node.js
DiXinWang36 分钟前
关闭谷歌浏览器提示“若要接收后续 Google Chrome 更新,您需使用 Windows 10 或更高版本”的方法
前端·chrome
局i43 分钟前
HTTP与HTTPS的区别
网络协议·http·https
CoderYanger44 分钟前
前端基础——HTML练习项目:填写简历信息
前端·css·职场和发展·html
muyouking111 小时前
深入理解 HTML `<label>` 的 `for` 属性:提升表单可访问性与用户体验
前端·html·ux
IT_陈寒1 小时前
Java性能调优:从GC日志分析到实战优化的5个关键技巧,让你的应用快如闪电!
前端·人工智能·后端
Mintopia1 小时前
🚀 Next.js API 压力测试:一场前端与后端的“极限拉扯”
前端·后端·全栈
Mintopia1 小时前
🛡️ 对抗性攻击与防御:WebAI模型的安全加固技术
前端·javascript·aigc