CFWorker-ODIndex中文文档&使用教程

本文最后更新于:几秒前

写在最前面
自从这篇博文发布后,OneIndex迎来了一次重大更新,去除了FireBase依赖,转用KV存储刷新令牌。本片教程已过时,具体会在春节前后更新最新版本。

OneDrive,相信大家都不陌生,微软家的网盘,虽说有类似于OneManager一样的目录列表程序,但是直连海外总是会遭受严重的丢包,得到极其糟糕的体验。这时候CLoudFlare作为不那么好使的CDN就排上用场了,项目onedrive-cf-index 解决了这个问题,但是据我观察,这个仓库作者应该是个中国人,但是readme文档可不是中文,这对一些使用者造成了一定的困扰,而且文档相当言简意赅,这一篇文章相当于文档的中文翻译和使用教程.

使用前言
部署此项目较为麻烦,请确保你满足以下俩个及以上想法后,才继续往下读:

  1. 我非常需要搭建于CloudFlare的OneDrive目录列表吗?
  2. 我非常需要这个版本的目录列表吗?
  3. 我有这个耐心吗?
    如果没有,那么我们建议你可以使用另一个功能和UI稍差的cf目录列表OneDrive-Index-Cloudflare-Worker 这个版本有不是很详尽的中文文档,并且较为简单,或者试试一步生成的GDIndex,可以参考我之前写的GDIndex部署参考

简介

新功能

  • 新设计: spencer.css。
  • 根据文件类型呈现的文件图标。
  • 使用“Font Awesome icons” 图标代替材料设计图标(以获得更好的设计一致性)。
  • 使用github-markdown-css进行README.md渲染
  • 添加Cookie以更好地进行目录导航。
  • 支持文件预览:
  • 图片:.png,.jpg,.gif
  • 纯文本:.txt
  • 文档:.md,.mdown,.markdown
  • 代码:.js,.py,.c,.json。
  • PDF:延迟加载,加载进度和内置的PDF查看器
  • 音乐/音频: .mp3,.aac,.wav,.oga
  • 视频: .mp4,.flv,.webm,.m3u8

  • 代码语法以GitHub样式突出显示。(使用PrismJS。)
  • 图像预览支持中型缩放效果。
  • 使用Google Firebase实时数据库缓存和刷新令牌。(对于那些负担不起Cloudflare Workers KV存储的人。 😢)
  • 在Turbolinks®的帮助下进行延迟加载。(从folder转到时有些问题file preview,但不会降低用户体验。)

在这表面下:

  • 一直以来都是CSS动画。
  • 使用wrangler和webpack打包源代码。
  • 转换所有CDN以使用jsDelivr加载。
  • 没有外部JS脚本,所有脚本都已通过webpack加载!(除了某些库。)


所有其他功能

请参阅:新功能| OneDrive-Index-Cloudflare-Worker

开始

导入此项目

请注意!
请不要Fork此项目,
在这个过程中你将会获取到数串token,fork的仓库无法转为私有仓库,这将会对你的数据造成威胁.

点击右上角的 + 号选择Import项目

原先仓库地址填写https://github.com/spencerwooo/onedrive-cf-index,新仓库名称随意,仓库类型必须改为Private私人,最后导入

导入成功,进入repo:

获取Token

进入https://heymind.github.io/tools/microsoft-graph-api-auth 开始准备你所需要的东西:

进入https://portal.azure.com/#blade/Microsoft_AAD_RegisteredApps/ApplicationsListBlade,注册一个新app【使用微软账号】

几番跳转后,来到这样的界面:

注意,我们强烈建议用英文界面,中文界面可能存在翻译错误产生误导

点击OneIndex,进入应用详情

点击 Redirect URIs 修改跳转链接:

将此处改为 https://heymind.github.io/tools/microsoft-graph-api-auth

设置API:

至少选择 offline_access, Files.Read, Files.Read.All .

返回,获取 Application (client) ID

在这里填上复制的client id,并点击AUTHORIZE验证

你会发现跳转一段时间后又回到了拉取界面,不过多了一个提示框,上面写着已经获取到Code

接着我们获取Secrets,点击 Certificates & secrets,进入该选项卡:

新增一个:

名字随意,期限为永久:

复制生成的密钥,请注意此处密钥仅出现一次,以后就不会再出现了

将获得密钥粘贴进第五步:

点击GetToken,将跳转至如下界面:

此处若失败,请重试第四步

将获得字段的refresh_token写入,重新制得token:

取得token:

妥善保管,接下来我们会用到。

OneDriveToken完毕,接下来进入FireBase教程:

作为数据库存储,原本采用的是cloudFlareKV存储,但考虑到大部分用户没有这个钱去买KV,于是采用了第三方存储。

进入https://firebase.google.com/

开始创建项目:

项目名字随意,下一步

一直下一步,稍后将进入管理界面

选择Database,将其设置为发布模式,禁用写入权限,在数据一栏中添加key,名字为value,值为 https://项目名.firebaseio.com/auth.json ,如我的:
https://oneindex-chenyfan.firebaseio.com/auth.json

点击右上角的小齿轮-项目设置-服务账号-旧版凭据-数据库账号-显示密钥,复制密钥。

FireBase教学完毕。

配置CloudFlare

登录你的CloudFlare,点击右上角,账户设置:

选择API令牌选项卡,生成新的API:

选择自定义令牌:

配置至少如下,可以选择增加

点击获取API令牌

接着还要获取账户ID和区域ID

进入任意一域名,右侧拦里头会有俩ID,复制:

到这里,你获取了以下所有密钥:

  • Azure-refresh_token
  • Azure-client_id
  • Azure-client_secret
  • GoogleFireBase-firebase_url
  • GoogleFireBase-firebase_token
  • CloudFlare-APIToken
  • CloudFlare-ZoneID
  • CloudFlare-AccountID

八个Token,切勿丢失 累死我了

配置OneDrive

用微软账户登录OneDrive,新建文件夹,名字为“Public”

本地wrangler部署

由于此篇教程具体将GithubAction实现无服务器部署,本块内容一笔带过,请直接看到GithubAction部署一块

本地安装依赖环境

yarn global add @cloudflare/wrangler
yarn install

用wrangler登录CloudFlare

wrangler config

wrangler.toml 修改

name: The draft worker's name, your worker will be published at <name>.<worker_subdomain>.workers.dev.
account_id: Your Cloudflare Account ID.
zone_id: Your Cloudflare Zone ID.

src/config/default.js 修改:

client_id: Your client_id from above.
base: Your base path from above.
firebase_url: Your firebase_url from above.

添加环境变量:

wrangler secret put REFRESH_TOKEN
wrangler secret put CLIENT_SECRET
wrangler secret put FIREBASE_TOKEN

部署命令:

wrangler publish

GithubAction部署

GithubAction部署

进入你导入的仓库,点击 wrangler.toml

  • name ==> 默认生成为<#name>.<#User>.workers.dev,随意
  • account_id ==> CloudFlare-AccountID
  • zone_id ==> CloudFlare-ZoneID

进入/src/config/default.js

修改样式

src/render/htmlWrapper.js : 修改标题

src/folderView.js : 修改介绍

设置密钥

密钥名:CF_API_TOKEN

内容: ==> CloudFlare-APIToken

激活Action:

设置CloudFlare变量

进入新创建的Worker:

  • CLIENT_SECRET ==> Azure-client_secret
  • FIREBASE_TOKEN ==> GoogleFireBase-firebase_token
  • REFRESH_TOKEN ==> Azure-refresh_token

部署,发布,绑定域名【可选】:

成品:

Demo:https://onedrive.cyfan.top

后言

其实默认才5GB,还不如GoogleDrive香,但是据说白嫖E5开发者还不错。

OK就到这了,还不懂的欢迎评论区,或者去官方github地址发issues。


 目录