fake_blbl

项目简介

• 想要项目练手的同学可以考虑网y云的项目，github 上有专门的api服务,相对来说舒心一点。

• 这是一个小项目，也算是作者迈出前端的第一步，在此之前都没有了解js,h5，c3。所以代码很“青涩”，放在此处做一个念想，毕竟是自己第一个小项目。

• 本项目用nginx代理，获取blbl wx小程序的资源，利用fidder 进行抓包，截至22年11月，有些api还是可以用的（网上有些帖子专门收集的，有些资源需要app key 才能访问），引入了vant 组件库，但是没有，刚开始不知道怎么用。

• 实现功能

  • 首页轮播图，返回顶点。

    

  • 分类界面（有些分类跳转web view)

    

  • 视频播放，弹幕（配合小程序的弹幕api）。

    

  • 简介的折叠展开。

• 项目还有很多可以优化的地方，比如防抖，增加动画过渡，界面可以再美化一点）

项目部署

• 下载微信开发者工具

• 下载nginx 版本

  

​ 前面的是linux版本，后面带windows 是Windows版本。

• 下载nginx 配置文件。

• 下载fiddler 如果你不需要自己抓包（获取api）可以省略这一步

  fidder的简单使用教程我准备写在另外的一篇博客。

• 用上面下载下来的文件替换nginx安装路径下 nginx-1.22.1\conf下面的nginx.config文件，然后返回上级点击nginx应用程序

  

• 打开微信开发者工具,选择小程序，导入从github 下载下来的文件,选择不使用云服务，点击确认就行了