基于区块链转账的应用
- 提升 Web App 的体验,能给用户原生应用的体验
- 支持离线加载,即使在不稳定的网络环境下,也能瞬间加载并展现。
- 类似设备上的原生应用,具有沉浸式的用户体验,用户可以添加到桌面
- 有过度动画,缓解首屏加载过慢带来的不好体验。
- 自定义启动画面,可以设置桌面的图标和URL
- 引入mint-ui给移动端开发带来便捷快速
- fis3 后台启动服务器,热更新,减少刷新的时间成本。
fis3+vue2+pwa starter template
project
├── README.md
├── config 不同环境下的全局配置
│ ├── base.js
│ ├── development.js
│ ├── production.js
│ └── test.js
├── data_analysis 数据分析模块
│ ├── Dist_edge100.png
│ ├── Dist_edge50.png
│ ├── analyze_transac.py
│ └── raw_view.png
├── dep 三方依赖资源(非NPM安装)
│ └── mod.js
├── deploy.js
├── favicon.ico
├── fis-conf.js
├── fis-dist 编译后的文件
├── mock mock配置
│ ├── login.json
│ └── server.conf
├── package-lock.json
├── package.json
├── server nodejs-express服务
│ ├── README.md
│ ├── node
│ ├── package.json
│ └── web
├── src
│ ├── api
│ ├── common
│ ├── components 基础公用组件
│ ├── lib
│ ├── page 页面vue组件
│ ├── store vuex状态管理
│ └── utils
├── static 静态资源
│ ├── img
│ ├── manifest.json
│ ├── sw-fallback.js
│ └── sw.js
├── workbox-cli-config.js workbox-build配置
├── yarn.lock
- /static/sw-fallback.js 降级标志文件路径,插件将在入口文件以 <script> 形式插入,默认标志名为window.SW_FALLBACK,若该值为 true,则 sw-register.js 不会引入执行,注册的 service worker 会被unregister
- workbox-cli-config.js 用来主动分析需缓存资源并生成service-worker.js。
- /static/manifest.json 里面引用的图片不应添加hash。
# 安装工程依赖
npm install
# 在本地启动调试 server
fis3 server start
npm run dev
# 构建测试环境产物并推送到测试服务器
npm run test
# 构建线上生产环境产物并推送到生产服务器
npm run build