演示图

VueFileManager is self-hosted client for managing your files on your cloud. Upload and share your files with your friends & clients.

前言

VueFileManager颜值很高,采用Laravel & Vue.js架构,Storage Driver可以对接Local Driver Amazon S3 Storj Digital Ocean Spaces Wasabi Backblaze B2 Other S3 Compatible Ftp ,比较可惜不支持Onedrive等第三方云存储(可以使用rclone挂载到Local Driver后使用)注意:安装过程相对繁琐,小白建议按照此文章一步步进行,否则大概率报错,有经验的可以直接参考官方文档自行安装!

配置环境 官方文档 纯命令行教程

基础配置

  • Debian11(至少1核512M(至少增加2G虚拟内存),配置越高性能越好)
  • 宝塔面板
  • Nginx1.21 & Php8.1 & Mysql 5.6
    Nginx1.21 & Php8.1 & Mysql 5.6
    宝塔面板官方要求Mysql 5.6至少需要1G运存,512M机器需要修改json文件绕过限制,具体请参考此文章

必要的PHP Extensions

finfo Intl GD BCMath PDO SQLite3 Ctype Fileinfo JSON Mbstring OpenSSL Tokenizer XML Exif
宝塔面板已经内置了部分PHP Extensions,我们只需要手动安装fileinfo exif intl 这三个,安装方式如下,直接在php8.1配置中增加Extensions。
增加Extensions
注意:同样小内存机器大概率无法安装fileinfo这个拓展,我们采用命令行安装方式

命令行安装fileinfo拓展

增加虚拟内存至少2048M

增加虚拟内存

命令行编译安装

# 进入源码目录
cd /www/server/php/81/src/ext/fileinfo
# 生成配置文件
/www/server/php/81/bin/phpize
./configure --with-php-config=/www/server/php/81/bin/php-config
# 编译并安装
make && make install
# 写配置文件
echo "extension = fileinfo.so" >> /www/server/php/81/etc/php.ini
# 重载PHP
/etc/init.d/php-fpm-81 reload

至此,环境配置完成,下面开始正式安装

安装配置VueFileManager

新建网站

YOUR.DOMAIN 为你自己的域名,请勿照抄,记录下Mysql账户密码备用
新建网站

上传项目源码

进入网站目录后上传源码(文章结尾获取)
上传项目源码

修改网站详细配置

申请SSL证书

请提前解析域名!
申请SSL证书

修改网站伪静态

修改网站伪静态

location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

修改Nginx配置文件

在宝塔面板App Store修改nginx配置
修改Nginx配置文件

修改Php配置文件

修改Php配置文件

修改网站运行目录

修改网站运行目录为/pubilc
修改网站运行目录

打开YOUR.DOMAIN继续后续安装

打开网页后会自动跳转到安装页面,按照上面步骤应该显示为全绿即可,点击 Awesome, I'm done! 继续后面的安装,选择Mysql填入上面备用的数据库账户密码,选择Storage Driver,设置管理员账户密码即可。其他设置请自行参考官方文档。Enjoys!

设置定时任务(二选一)

  • 宝塔面板设置(如图),请勿照抄自行替换YOUR.DOMAIN为网站根目录
    宝塔面板设置
  • 命令行设置

    # 打开crontab
    crontab -e
          • cd /www/wwwroot/YOUR.DOMAIN && php81 artisan schedule:run >> /dev/null 2>&1

其他说明

Local Driver文件存储在 /www/wwwroot/YOUR.DOMAIN/storage/app/files 位置

VueFileManager源码

由于版权等问题,你可以选择自行购买原价$59的源码,或者在此页面通过TG联系我,我将提供hostloc@mgwx大佬的破解版VueFileManager_Pro_v2.2.0.8以供安装(请勿商业使用)。在此感谢@mgwx大佬大佬的无私奉献!如有能力请支持正版开发!

参考文档

Private Cloud Storage Build by Laravel & Vue.js
宝塔面板Php安装第三方扩展教程
VueFileManager_Pro – PHP即时存储、共享和获取文件基于VUE v2.2.0.11

最后修改:2024 年 03 月 31 日
如果觉得我的文章对你有用,请随意赞赏