【免费开源】我去图书馆公众号明日预约自动抢座

置顶 SCY164759920

已于 2024-03-11 08:48:13 修改

阅读量1.8k

点赞数 17

分类专栏： Node.js 前端文章标签：开源 vue.js node.js docker

于 2024-01-24 23:40:47 首次发布

本文链接：https://blog.csdn.net/SCY164759920/article/details/135832310

版权

前端同时被 2 个专栏收录

7 篇文章 1 订阅

订阅专栏

Node.js

2 篇文章 0 订阅

订阅专栏

原本在考研期间为了简化作者每天预约座位的流程编写，看了网上不少类似的项目用起来都差点意思(我希望能在手机上完成所有操作)，有的甚至还要收费，于是决定自己写一个。现在将其完善后免费开源到GITHUB上，欢迎大家参照本文内容自己部署，一起学习，如果该项目帮助到你，希望你能够为项目仓库点一个star⭐。

❗❗❗ 声明

1.本人无意侵犯任何组织或个人的权益, 并非针对"我去图书馆"系统和其公司，仅作学习交流

2.本项目完全免费，若在使用过程中发现程序中存在的任何问题，欢迎到仓库提issue或评论私信

3.此项目遵循 MIT 开源许可证，您可以随意修改源代码、版权并自主选择是否闭源，但衷心建议不要二次修改此项目用来收费盈利，由此造成的后果由修改者个人自己承担

直达链接:

项目Gitee地址https://gitee.com/suchongyuan/I_Goto_Library

项目GITHUB仓库地址https://github.com/A164759920/I_Goto_Library?tab=readme-ov-file 项目服务器参考接口文档https://a164759920.github.io/I_Goto_Library/

Vue - 使用腾讯云SCF部署Vue项目（支持GitHub Action）_腾讯云上上部署vue项目-CSDN博客https://blog.csdn.net/SCY164759920/article/details/127996570?spm=1001.2014.3001.5501

1.🔉 说明:

1.1 功能:

实现 我去图书馆公众号定时自动预约第二天指定座位的功能，并且提供简化操作的前端页面

(从 2023 年 3 月维护至此仓库创建时，此项目已根据公众号更新的各种机制：websocket 排队/SERVERID 校验/防刷判定/版本号判定等更新了相对应的补丁，所有功能目前均能正常使用)

🔨补丁日志: 补丁日志链接

1.2 使用方法:

step1: 抓包获取 Cookie

在开启明日预约前的一小时内(保证Cookie有效)，通过抓包软件(如 httpCanary)抓取 Cookie

step2:设置 Cookie

1.通过仓库配套的前端页面设置(推荐)⭐⭐⭐

2.手动调用后端接口设置

参考接口文档中的 /lib/setCookie 接口

(step3):获取可选场馆列表（首次使用时执行一次即可）【需要 Cookie 有效】

操作后服务器会自动抓取你所在学校图书馆可供预约的所有场馆信息，并存入服务器中

1.通过配套前端页面设置(推荐)⭐⭐⭐

2.手动调用后端接口设置

参考接口文档中的 /lib/getLibList2接口

- (step4):选择场馆 + 设置座位号【需要 Cookie 有效】

设置过一次后，服务器将记住你此时的选择，下次再进入页面时，若不换座位，则此步骤无需再执行

1.通过配套前端页面设置(推荐)⭐⭐⭐:

设置时输入座位上的座位编号，再点击 "修改座位" 即可，若选择场馆存在该座位号，则服务器将自动匹配座位的key并设置,节省大家手动匹配的繁琐过程

2.手动调用后端接口设置

参考接口文档中的/lib/changeSeat 接口

1.3 运行时演示:

1.4 所用技术:

查看 GITHUB 上相关项目 ISSUE 区后发现，此类项目大多存在许多使用者部署项目困难的问题，因此本项目提供了多种部署方式，最终可实现在手机上完成所有操作，且编写了较为详细的部署步骤，希望能帮助到大家

1.4.1 关于 Cookie

由于新版我去图书馆采用的 Cookie 有时限，仍需要借助 抓包工具 抓取 token，其余部分均已实现了自动化

⭐⭐⭐推荐手机端使用httpCanary,较为方便

1.4.2 关于技术栈

该项目基于 node.js + Vue2.js 并提供以下功能方便操作：

自动生成的服务器接口文档
配套前端页面(已适配手机/电脑)，简化操作
docker-compose 一键调试 + 部署
nginx 的 conf 文件配置示例

2.环境配置 🔨

node 建议 v14.0.0+ 及以上版本
NPM
手机抓包工具(httpCanary等...)
docker（根据部署方法选装,可忽略）
docker-compose （根据部署方法选装,可忽略）

3 项目部署

已尽量提供了多种部署的方案，大家根据自己的需求选择即可

3.1 node 服务器部署

tips:会调试和部署node服务器的读者可自行操作

⭕ (该方式部署的 vue 为 dev 版)

API文档链接https://a164759920.github.io/I_Goto_Library/

3.1.1 手动部署

1.依赖安装

cd ./nodeServer
npm install

2.启动服务器 (提供三种可选方式)

直接启动
```
node index.js
```
使用nodemon热更新启动

npm install nodemon -g

npm run dev

⚡ 使用 pm2 部署守护启动(上云服务器时，推荐该种方法)

npm install pm2 -g

npm run build

3.1.2 docker 部署(Linux 为例)

⭕ 确保已安装docker + docker-compose

1.配置 docker 网络

如果只需部署node 服务器，请将docker-compose.yml文件中的vue部分注释

docker network create --driver bridge --subnet 172.22.9.0/24 --gateway 172.22.9.1 mynet

2.一键部署

docker-compose up -d

3.2 vue 前端页面部署

tips:会调试和部署Vue项目的读者可自行操作

3.2.1 手动 dev 版前端部署

1.依赖安装

cd ./vue
npm install vue2 @vue/cli -g
npm install

2.启动 vue 开发服务器

npm run serve

3.浏览器访问

http://IPV4地址:端口号(VUE_PORT)
eg：
http://127.0.0.1:8080

3.2.2 docker dev 版前端部署

⭕ 确保已安装docker + docker-compose

1.配置 docker 网络

如果只需部署vue dev 版前端，请将docker-compose.yml文件中的node部分注释

docker network create --driver bridge --subnet 172.22.9.0/24 --gateway 172.22.9.1 mynet

2.一键部署

docker-compose up -d

3.2.3 手动上云 prod 版前端部署

1.修改配置文件

修改vue/package.json 的如下代码，使用自己服务器的用户名 + IP 地址替换原 scp 命令的参数

eg: dragon@192.168.1.22 (表示用户名 dragon IP 地址:192.168.1.22)

 "push": "npm run build && scp -r dist/* dragon@192.168.1.22:/home/dragon/dist"

2.安装 + 配置 nginx ⭐

参考

3.打包部署

cd ./vue

npm run push

3.3 参数说明

3.3.1 node 服务器配置参数

详见:

Node服务器参数说明https://github.com/A164759920/I_Goto_Library/blob/main/nodeServer

3.3.2 vue 配置参数

将 /vue/src/components/HelloWorld.vue 的 data 中的 DOMAIN 配置为自己服务器的域名

  data: function () {

      return {

          DOMAIN: "https://test.api.baidu.top", // 配置服务器域名

          newCookie: "",

          ....

  },

3.3.3 docker 配置参数

.env文件中即为 docker-compose所需参数：

NODE_PORT = "8899" # 服务器的端口号
VUE_PORT = "8080" # dev 开发环境下 vue 的端口号

#❗开启 HTTPS 后**，SSL 证书的配置参考nodeServer和nginx文件夹下的说明
IS_HTTPS = "off" # "on" 开启 HTTPS / "off" 关闭 HTTPS