Awesome
offline-package-admin
离线包管理平台,用于管理前端资源离线包,提供离线包上传,以及提供客户端下载的离线包全量包(或差分包)以及最新版离线包的 json 文件
如何快速本地开发
一、安装及部署本地 MySQL
提示:以下围绕 demo 的数据库相关配置进行,可自定,详见 ./server/.env.development 配置文件,其中数据库名:offline,用户名:root,密码:test1234
1、安装 MySQL
$ brew install mysql
2、安装完后启动 mysql
$ mysql.server start
3、执行安全设置,按照提示选择密码等级,并设置 root 密码
$ mysql_secure_installation
4、创建数据库,登录 mysql,按提示输入 root 密码
$ mysql -u root -p
5、登录后,创建数据库
create database offline character set utf8mb4;
6、然后,创建用户并授权
create user 'root'@'%' identified by 'test1234';
grant all privileges on offline.* to 'root'@'%';
flush privileges;
7、最后,查看当前的数据库,能看到 offline 说明正常
show databases;
说在最后,如果启动报错 "ER_NOT_SUPPORTED_AUTH_MODE",那么解决方式是进入 mysql 执行
ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'test1234';
二、启动
1、启动后台服务,进入 ./server 目录执行
npm run start:dev
2、启动后台页面,进入 ./client 目录执行
npm run start
原理
整体方案说明文章:
原理图如下图所示:
<img src="./assets/principle.png" width=600/>管理界面如下:
<img src="./assets/offline-admin.png" width=600/>其它相关
前端(集成自动打包离线包插件,可在构建时自动打包)
前端自动打包离线包插件
offline-package-webpack-plugin
客户端(集成离线包插件用于管理离线包资源以及拦截请求命中本地资源)