Electron-Vue 环境搭建 + 基本入门 + 软件打包 + 软件更新
electron是一个使用JS,CSS,HTML构建跨平台的桌面应用程序的框架,微软的VScode就是使用该技术开发
环境搭建
安装node环境
由于使用的是electron-vue脚手架工具,首先要安装vuecli
1 | npm install -g @vue/cli |
electron是一个使用JS,CSS,HTML构建跨平台的桌面应用程序的框架,微软的VScode就是使用该技术开发
安装node环境
由于使用的是electron-vue脚手架工具,首先要安装vuecli
1 | npm install -g @vue/cli |
1 | let pluginName = null |
注:大会员账号的SESSDATA才可以下载大会员专属视频
准备重构BilibiliVideoDownload,就开始学习electron,再加上自己是vue技术栈就选用了electron-vue
electron-vue官网:点击访问
electron官网:点击访问
之前写过一个demo也是web端扫描条形码和二维码,但是有个问题。程序扫描的是整个可视区域范围不是扫描框,这就会导致如果扫描框也有条码会出错。这次的例子修复了这个问题,扫描区域就是扫描框的区域。而且对不同情况都有良好的兼容,可以把可视区域和扫描框长宽传入组件,组件会进行计算从摄像头中得到扫描框的图像进行识别。
视频的aid又称av号,是视频url中av后面的一串数字 https://www.bilibili.com/av67289687
67289687就是这个视频的aid
使用aid去请求这个api https://api.bilibili.com/x/web-interface/view?aid=${aid}
即可得到cid
拿到cid以后请求这个api可以得到弹幕信息,xml格式。 https://api.bilibili.com/x/v1/dm/list.so?oid=${cid}
应为返回的xml弹幕文件的content-encoding为deflate,需要用到zlib来解压。
轻量级表单验证插件,目前功能还不全可能会有BUG
以Vue2.x为例
在main.js中引入并use
1 | import WyValidate from 'wy-validate'; |
注:本教程适用与绝大部分小米路由器,不局限于3代
在开始之前你需要申请一个小米账号并绑定要刷的路由器。
绑定方法:手机连接好小米路由器后,在应用市场下载小米wifi,登录并绑定。
打开下面网址下载对应的开发版固件 http://www1.miwifi.com/miwifi_download.html