离线部署《迹》webapp

2021.1.4更新:
源码已开源到github
地址:https://github.com/wantsget/offline-cashbook

0x01 安装

1.下载安装包:[https://cdn.kejijie.vip/project/wallet\_v1.0.0.zip\]\[4\]

2.放置到web目录中(必须是一级目录哦,demo的演示是做了路由处理的)

3.修改apache或者nginx的伪静态配置,使得支持history模式。

  • nginx
1
2
3
location /wallet {   
try_files $uri $uri/ /wallet.html;
}
  • apache

在项目根目录下创建.htaccess

1
2
3
4
5
6
7
8
9
10
11
<IfModule mod_rewrite.c>
Options +FollowSymlinks
RewriteEngine On

RewriteCond %{REQUEST_URI} ^(.*)$
RewriteRule ^/index\.html$ - [L,NC]

RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.html [L]
</IfModule>

0x02 数据导入导出

虽然数据是存储在localStorage中的,但是在卸载浏览器或者一些特殊情况下还是容易导致localStorage丢失。所以在「底部菜单栏」-「设置」中开放了「导入数据」和「导出数据」。

  • 导入数据:

数据直接覆写现有的数据,之前的存储数据会全部删除。此操作需要二次确认。

  • 导出数据:

数据会以json文件的形式下载到设备中,之后把这个json文件导入即可。

0x03 需要帮助

如果在使用过程中遇到了BUG,可以邮件联系我 MTk2NTc0MTk1NEBxcS5jb20= (BASE64)

注:本webapp仅在chrome浏览器中能完美运行,其余浏览器导致的BUG将不会被处理。


评论区