首页 > 系统相关 >[项目自荐] 交叉编译njs并使用Nginx搭建自由的个人网盘：vList5

[项目自荐] 交叉编译njs并使用Nginx搭建自由的个人网盘：vList5

时间：2024-07-17 11:55:21浏览次数：13  
标签：http nginx -- 网盘 module njs Nginx without

这个博客好久没有打理了，最近才想起来
这篇文章是以下 5 篇文章的组合，希望这个免费的项目能实现他的初衷吧

特色：

  • 使用 Vue3 作为框架，支持njs作为后端(推荐)，超强大的并发能力
  • 超多格式支持预览，甚至原生支持CueSheet与vue原生集成
  • 动态模块加载，即插即用
  • 预设5个打开方式和3个备用打开方式，可在src/opener.ts中添加
  • 支持简单的文件系统管理，集成批量、正则等好用的工具
  • 响应式设置设计，设置里修改后立即生效
  • 仿explorer易上手的文件选取、文件树结构
  • 好用的右键支持，在移动端也可以像Windows那样长按唤出右键菜单
  • vPlayer集成ASS字幕，支持手势、字幕选取，artPlayer能否做到的她都能做到
  • vLite仿照了 [yesPlayMusic][9] 的UI，支持CUE光盘文件播放，强大而华丽
  • 支持 [所见即所得的MarkDown编辑器Muya][10]，高效编写MarkDown的助手
  • 使用VSCode底层monaco编辑器，代码编辑如虎添翼
  • ......

GITHUB开源：https://github.com/imzlh/vList5

1.编译

njs是Nginx的一个扩展，用于取代lua动态输出内容
njs融合了浏览器端的ES(如crypto)语法和部分NodeJS语法(如fs.open)
这里已经假设你安装了pcre2、openssl、zlib、libxml2库

先fetch NGINX

curl https://nginx.org/download/nginx-1.25.4.tar.gz | tar xz
cd nginx-1.25.4
sed -i 's|ngx_feature_run=yes|ngx_feature_run=no|g' auto/cc/name
sed -i 's|ngx_feature_run=yes|ngx_feature_run=no|g' auto/os/linux
sed -i 's|ngx_feature_run=yes|ngx_feature_run=no|g' auto/unix
sed -i 's|ngx_size=`$NGX_AUTOTEST`|ngx_size=4|g' auto/types/sizeof
sed -i '187 a ngx_feature_run=no' auto/cc/conf
sed -i 's|/opt/local|/data/app|g' auto/lib/geoip/conf
sed -i 's|/opt/local|/data/app|g' auto/lib/pcre/conf
sed -i 's|ngx_feature_path=|ngx_feature_path="/data/app/include"|g' auto/lib/zlib/conf
sed -i 's|ngx_feature_libs="-lz"|ngx_feature_libs="-R/data/app/lib -L/data/app/lib -lz"|g' auto/lib/zlib/conf
sed -i 's|/opt/local|/data/app|g' auto/lib/openssl/conf

将njs克隆到 njs/ 文件夹中：

git clone https://github.com/nginx/njs.git

由于是交叉编译，我们需要修改一下编译选项

for i in `ls njs/auto`
do
    sed -i 's|njs_feature_run=yes|njs_feature_run=no|g' njs/auto/$i
    sed -i 's|njs_feature_run=value|njs_feature_run=no|g' njs/auto/$i
done

然后是重新编译nginx

./configure \
    --prefix=/usr/local/ \
    --user=daemon \
    --group=daemon \
    --build="for ARMRounger" \
    --without-poll_module \
    --without-http_ssi_module \
    --without-http_userid_module \
    --without-http_mirror_module \
    --without-http_geo_module \
    --without-http_map_module \
    --without-http_split_clients_module \
    --without-http_uwsgi_module \
    --without-http_grpc_module \
    --without-http_memcached_module \
    --without-http_empty_gif_module \
    --without-http_browser_module \
    --without-http_upstream_hash_module \
    --without-http_upstream_ip_hash_module \
    --without-http_upstream_least_conn_module \
    --without-http_upstream_random_module \
    --without-http_upstream_keepalive_module \
    --without-http_upstream_zone_module \
    --http-log-path=/tmp/nginx/log.log \
    --http-client-body-temp-path=/tmp/nginx/body \
    --http-proxy-temp-path=/tmp/nginx/proxy \
    --http-fastcgi-temp-path=/tmp/nginx/fcgi \
    --http-scgi-temp-path=/tmp/nginx/scgi \
    --with-cc=armv7m-linux-musleabi-gcc \
    --with-cpp=armv7m-linux-musleabi-gcc-g++ \
    --add-dynamic-module=njs/nginx/ \
    --add-module=dav \
    --with-http_dav_module \
    --with-http_v2_module \
    --with-http_v3_module

完美：

configuring additional dynamic modules
adding module in ../njs/nginx/
  enabled webcrypto module
  enabled xml module
  enabled zlib module
  + ngx_js_module was configured

想要我编译好的可以去 原文找到

2.安装vList

vList在一个月内从 v1 升级到了 v4，完成了甚至超额完成我们预期内的所有功能
我们团队觉得好不是真的好，接下来是用户的天地！

配置nginx

如果你是自己编译的，那么配置文件位置是你自己设置的
打开配置文件，大部分系统都保存在 /etc/nginx/nginx.conf

nano /etc/nginx/nginx.conf

可以直接将配置写在这里，但是我其实更推荐使用系统为我们设计好的其他目录
Alpine: /etc/nginx/http.d/default.conf
Debian: /etc/nginx/site-enabled/default.conf
然后找到合适的位置加上这几行

js_import /etc/nginx/main.js;
location = /@api/ {
    js_var                  $authkey "[这里填写你想要的密码]";
    js_content              main.main;
}

如果有 # Everything in 404 这几行 location，删掉

下载vList

得益于GithubAction，现在你不需要安装node，直接可以开箱即用啦
这个是vList5
这个是适用于nginx的

配置网页

cd [你的网页根目录]
curl https://github.com/imzlh/vList5/releases/download/main/vlist5_latest.tgz -L | tar xz

配置

curl -L https://github.com/imzlh/vlist-njs/releases/download/master/vlist5.js -o /etc/nginx/main.js

开始使用

现在，重载nginx

killall nginx
nginx

打开网页，即可体验

进阶用法

修改配置

用记事本打开config.ts这个文件

-  | // 应用名称，显示在左上角
4  | export const APP_NAME = 'izCloud';
-  | // 默认文件图标，自定义：可以改成相对路径
5  | export const DEFAULT_FILE_ICON = I_File;
-  | // 默认文件夹图标，自定义：可以改成相对路径
6  | export const DEFAULT_DIR_ICON = I_DIR;
-  | // API地址，除非前后端分离，请修改请修改最后一行引号内至"/"
7  | export const APP_API = import.meta.env.DEV
   | ? 'http://192.168.1.1:81/@api/' 
   | : '/@api/';      // <--- HERE
-  | // 文件服务器地址，除非前后端分离，请修改最后一行引号内至"/"
10 | export const FILE_PROXY_SERVER = import.meta.env.DEV 
   | ? 'http://192.168.1.1:81/' 
   | : '';            // <--- HERE

关于FILE_PROXY_SERVER

  • 如果有代理服务器，可以修改这一段
  • 如果前后端分离(vList5单独一个服务器)，需要填写
  • 一般情况下直接改成/即可，因为vList5默认使用网页根目录作为列表根目录

关于API地址

  • 并不是一定需要/@api/作为API地址的，但是需要nginx和前端vlist一起更改

vList的妙用

批量删除/重命名/移动

场景 设想你下载了一堆番剧文件和找来了一堆字幕，有简体、繁体、各种不同的命名。你甘心一个一个排序吗？

step

cue文件解析

你去网上下载了一张CD，结果是一个cue文件和一个长达1个小时，大小甚至超过了200MB的flac文件，你想要听一个片段，怎么办？
在vList5中，双击打开即可

私密文件夹

有的时候，我们需要开放，也需要隐私。这个时候隐藏文件夹就出场了
比如屏蔽所有$开头的文件夹，打开 vlist.js

16 | /**
17 |  * 检验文件是否应该被隐藏
18 |  */
19 | const HIDE_FILES = (name) => name[0] == '.';

在19行添加即可，如

19 | const HIDE_FILES = (name) => name[0] == '.' || name[0] == '$';

甚至可以正则匹配，如隐藏所有图片

19 | const HIDE_FILES = (name) => name[0] == '.' || name.match(/\.(jpg|png|webp|jpeg)$/);

然后，我自己访问只需要 转到目录，输入隐藏的路径(文件夹)即可

隐藏

或者使用HASH大法，在路径上输入目录路径即可，如http://localhost:5173/#/.in/
完美!

标签：http,nginx,--,网盘,module,njs,Nginx,without
From： https://www.cnblogs.com/imzlh/p/18306972

相关文章

  • Nginx的下载安装配置文件解析
    一、Nginx的安装1、下载安装包下载nginx-1.21.6和master包官网下载上传至服务器或者，直接用联网服务器下载都行，我这里使用的是虚拟机连接外网直接下载wgethttp://nginx.org/download/nginx-1.21.6.tar.gzwgethttps://github.com/arut/nginx-rtmp-module/archive/master.z......
  • 从零手写实现 nginx-29-try_files 指令
    前言大家好，我是老马。很高兴遇到你。我们为java开发者实现了java版本的nginxhttps://github.com/houbb/nginx4j如果你想知道servlet如何处理的，可以参考我的另一个项目：手写从零实现简易版tomcatminicat手写nginx系列如果你对nginx原理感兴趣，可以阅读：从零......
  • 关于静态文件目录与模板引用和Nginx location块的适配设置
    项目配置文件内关于静态文件的设置项#静态文件的URL前缀STATIC_URL='/static/'#项目根目录的静态文件目录STATICFILES_DIRS=[os.path.join(BASE_DIR,'static'),os.path.join(BASE_DIR,'parallel/static'),os.path.join(BASE_DIR,'blog/static&#......
  • nginx启动命令 + 注意
    参考链接——https://www.cnblogs.com/taiyonghai/p/9402734.html 下载地址——https://nginx.org/en/download.html下载stableversion下的版本  ——————启动虽然直接双击nginx.exe启动也可以，但它启动之后没有提示，还需要去任务管理器中确认就很麻烦这里记一下......
  • nginx对访问路径进行限制【部分接口可以内外网访问、剩余接口只可以内网访问】
    前言  最近这段时间的项目被查出了安全漏洞、然后做了一些安全措施的整改。整改后、BOSS又提了个很有意思的思路。  涉及到小程序端的请求接口、内外网都可以访问。  涉及到后台管理的请求接口、只允许内网访问。开干开干  由于项目引进了gateway网关、一开始的时......
  • LogRotate 切割 Nginx 日志
     发布于 2023-12-0410:20:327140举报文章被收录于专栏：码农UP2U一直以来做日志切割都是使用shell+crontab来搞，shell脚本可以在网上找到各种版本的，改改就用了，懒省事。这样的做法很传统，却忽略了系统的给我们提供的优秀的工具——logrotate。......
  • Project2007-2021安装包分享：附网盘地址+安装步骤
    不得不承认，Project是从事项目管理人员最常用的软件之一，它不仅可以提高项目的效率，缩短项目开发周期，操作难度相对来说也比较小。也可以说，Project是一款专注于项目管理的桌面应用软件。它可以帮助用户制定项目计划、分派任务、管理资源、跟踪进度以及生成汇报等。MicrosoftProj......
  • nginx生成自签名SSL证书配置HTTPS
    一、安装nginxnginx必须有"--with-http_ssl_module"模块查看nginx安装的模块：root@ecs-7398:/usr/local/nginx#cd/usr/local/nginx/root@ecs-7398:/usr/local/nginx#./sbin/nginx-Vnginxversion:nginx/1.20.2builtbygcc9.4.0(Ubuntu9.4.0-1ubuntu1~20.04.2)......
  • nginx ./nginx -s reload 工作进程pid与实际不一致导致平滑重启报错
    某次修改nginx配置后使用./nginx-sreload重启nginx,结果报错,如图所示,去kill工作进程的时候显示找不到该进程原因是位于nginx/logs下的nginx.pid中的pid和实际不一致造成的nginx.pid文件是Nginxweb服务器在启动时创建的一个进程标识符(PID)文件。这个文件包含......
  • 从零手写实现 nginx-27-return 指令
    前言大家好，我是老马。很高兴遇到你。我们为java开发者实现了java版本的nginxhttps://github.com/houbb/nginx4j如果你想知道servlet如何处理的，可以参考我的另一个项目：手写从零实现简易版tomcatminicat手写nginx系列如果你对nginx原理感兴趣，可以阅读：从零......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99