Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

VPS消息111字数 6696阅读模式

FODI,Fast OneDrive Index 的缩写,意为 OneDrive 快速列表,是一款 OneDrive 列表程序。相较于其他程序,此版列表速度极快,且无需服务器,部署极为简单,当然,UI就不那么好看了。

这个教程还是利用Cloudflare Workers部署FODI,无需服务器,但是需要一个OneDrive。前面提过了如何利用cf workers搭建Google Drive,文章如下:

1、前言

github:https://github.com/vcheckzen/FODI

功能:

  • 接近秒速列表
  • 指定展示路径
  • 特定文件夹加密
  • 无需服务器免费部署
  • 基本文本、图片、音视频和 Office 三件套预览

缺点:

  • 功能简单,界面简陋
  • 不支持巨硬家的 IE 和 UWP 版 EDGE 浏览器
  • 可能不支持包含千级数量以上文件的文件夹展示

2、创建 Workers

如果你没有cloudflare的账号的话,需要注册一个,注册就不多说了。登录之后会进入主页,点击靠近右下角的 Workers

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

此时系统会建议你修改子域名,直接点击 Set up,随后点击弹出对话框中的 Confirm,之后会进入套餐选择页面,选择免费即可,找到 Continue with free,如图。

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

这样就创建好了一个workers。

3、上传 FODI 后端

现在进入到workers的工作台,进入到代码编辑页面,复制如下代码到左侧的代码框中。

此处为隐藏的内容
发表评论并刷新,方可查看

不会放,看截图:

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

注意:

  • IS_CN: 如果为世纪互联版本,请将 0 改为 1
  • EXPOSE_PATH:暴露路径,如全盘展示请留空,否则按 '/媒体/音乐' 的格式填写
  • ONEDRIVE_REFRESHTOKEN: refresh_token
  • 至于如何获取refresh_token 看下面的获取方法。
  • 预览看到类似图片左侧的数据显示,表示安装成功,之后,我们设置 一个前端,即可展示列表了。如何设置前端,依然要接着往下看。

4、获取 refresh_token

进入 ( 该网址)点击其中的 Get a refresh_token,在打开的微软账号登录页面中,填写你的 OneDrive 账号和密码,完成登录。

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

登录完毕后浏览器将跳转回上面的页面,此时修改网址,从左往右找到第一个 ?,将其 删除。再找到第一个 &,将其改为 ?,注意要使用英文输入法。下面是修改前后的网址对比:

https://.../?authorization_code&code=...
https://.../authorization_code?code=...

修改完毕后直接回车,稍等片刻页面将返回 refresh_token,复制到代码的“refresh_token”中。

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

5、通过 Github Pages 部署前端

前端仅是一个 HTML 文件,可放到任意静态服务器,此处通过 Github Pages 部署,部署完成后可通过 username.github.io 打开你的网盘。

注册并登录 Github,随后打开 该仓库,点击靠近右上角的 Fork

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

稍等片刻,打开“front-end”中的 index.html。然后点击靠近 右上角 的 铅笔 按钮,编辑该文件。如图:

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

注意:

  1.  SCF_GATEWAY:这里填写你cf workers的分配地址。
  2. SITE_NAME:站点名称随便填写。

看图:

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

填写完毕后点击靠近页面最下方的 Commit changes

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

点击靠近页面右上角的 Settings,将 Repository name 改成 你的 Github 用户名.github.io,随后点击 Rename

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

下拉该页面,找到 Github Pages,将 Source 下拉框的值改成 master branch,如果没有则无需修改。

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

现在,就可以通过 你的 Github 用户名.github.io 访问网盘了。

6、宝塔设置前端

如果你有自己的服务器,可以在安装宝塔面板之后,新建网站,绑定好域名。然后下载程序到自己的网站根目录。

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

解压之后把“FODI-master/front-end”下面的“index.html”文件,拷贝到网站根目录,之后打开编辑,和第5的方法一样,如下:

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

保存,即可打开访问,效果如图:

Cloudflare Workers部署FODI – 一款 OneDrive 列表程序

7、最后

虽然界面简陋,但是功能还不错,打开速度快。支持基本文本、图片、音视频和 Office 三件套预览。可能不支持包含千级数量以上文件的文件夹展示,不支持巨硬家的 IE 和 UWP 版 EDGE 浏览器!

推荐在自己的服务器上部署前端,就是一个网页而已,绝对轻量级了。很多人不知道怎么获取 token,可以通过下面URL登录。

国际版, 个人版(家庭版)

https://login.microsoftonline.com/common/oauth2/v2.0/authorize?client_id=78d4dc35-7e46-42c6-9023-2d39314433a5&response_type=code&redirect_uri=http://localhost/onedrive-login&response_mode=query&scope=offline_access%20User.Read%20Files.ReadWrite.All

中国版(世纪互联)

https://login.chinacloudapi.cn/common/oauth2/v2.0/authorize?client_id=dfe36e60-6133-48cf-869f-4d15b8354769&response_type=code&redirect_uri=http://localhost/onedrive-login&response_mode=query&scope=offline_access%20User.Read%20Files.ReadWrite.All

weinxin
我的微信
微信公众号
关注大鸟博客公众号
 最后更新:2020-4-14
大鸟
评论  111  访客  110  作者  1
    • 神居轩辕
      神居轩辕 1

      谢谢楼主,这就去试试

      • 神居轩辕
        神居轩辕 1

        为什么我看不到隐藏内容?

        • 锁匠
          锁匠 4

          来看看这个 如何实现

          • Gmark
            Gmark 0

            感谢分享

            • jingnian
              jingnian 1

              能行不,回来学习一下

              • zhangchr
                zhangchr 1

                谢谢楼主

                • 看看
                  看看 2

                  需要回复才能看啊?

                  • PAND
                    PAND 0

                    6666666666感谢

                    • 老王
                      老王 1

                      谢谢大佬,这就去试试

                      • 帅气的我
                        帅气的我 1

                        为什么我看不到隐藏内容?为什么我看不到隐藏内容?为什么我看不到隐藏内容?为什么我看不到隐藏内容?

                        • 神居轩辕 1
                          神居轩辕 1 1

                          谢谢楼主,这就去试试

                          • 神居轩辕 1
                            神居轩辕 1 1

                            谢谢楼主,这就去试试感谢分享

                            • 123
                              123 1

                              来看看噻

                              • Kakaru
                                Kakaru 0

                                谢谢楼主,这就去试试

                                • Coco
                                  Coco 0

                                  我这就去试试去

                                  • summersnow
                                    summersnow 4

                                    学习了,这个列表程序感觉不错的样子

                                    • summersnow
                                      summersnow 4

                                      这个列表程序感觉不错的样子

                                      • kang
                                        kang 0

                                        学习和交流

                                      匿名

                                      发表评论

                                      匿名网友

                                      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

                                      确定