Skip to content

Latest commit

 

History

History
182 lines (116 loc) · 4.86 KB

README.md

File metadata and controls

182 lines (116 loc) · 4.86 KB
Raw

Hosted on Cloudflare Workers

onedrive-cf-index(for 21vianet Users)

Hint: This demostration is mainland-orited, so the default language：中文

Fork 自 onedrive-cf-index，请 ⭐star 原项目

源库已支持世纪互联，所以把此文档留作一个简陋的中文指示，希望能帮助到有需要的朋友

演示地址

🍺 Beet's OneDrive Index.

部署指南

准备：

获得 OneDrive API 令牌

需自行保存的 key:

  • redirect_url
  • client_id
  • client_secret
  • refresh_token

  1. Azure.cn 应用注册 :

    • 任何组织目录(任何 Azure AD 目录 - 多租户)中的帐户
    • 重定向 url 键入并保存 http://localhost/od-cf

  2. 保存 client_id ，添加并保存 client_secret

  3. API 权限（Microsoft Graph）添加 offline_access, Files.Read, Files.Read.All API permissions 三个权限。

  4. 使用 POSTMAN 获得 refresh_token

    源库提供的 https://heymind.github.io/tools/microsoft-graph-api-auth-cn （世纪互联）尝试失败, 所以人工获取：

  • 浏览器访问如下地址，需自行替换 [client_id]

    https://login.chinacloudapi.cn/common/oauth2/v2.0/authorize?client_id=[client_id]&response_type=code&redirect_uri=http://localhost/od-cf&response_mode=query&scope=offline_access%20Files.Read%20Files.ReadWrite.All

    登陆后复制地址栏 code= 后字符串作为 authorize_code, 即为下面 json 里的 code

  • 发送 POST 获得 refresh_token ，发送 post 请求，可以使用 postman 或 curl ，按照如下 key：value 在 POSTMAN 里填入(请自行填入client_id 、 code 、client_secret)

    {
  "client_id": "",
  "code": "",
  "redirect_uri": "http://localhost/od-cf",
  "grant_type": "authorization_code",
  "client_secret": ""
}

    会成功返回 refresh_token, 参考下图，保存备用。

    如出现问题，请参考 azure doc

获取 firebase 令牌(使用 firebase 做 assess-token 持久化)

需自行保存的 key：

  • firebase_url
  • firebase_token
  1. 注册 Google Firebase. 创建项目。
  2. 左侧进入 Database, 创建 Realtime 数据库，以锁定模式开始 » 启用 » 修改 null 值为 auth » 得到 firebase_url (url 示例： https://xxx.firebaseio.com/auth.json)

构建应用

clone （fork） 本项目，安装依赖：

# 安装Wrangler实现项目打包，附加从命令行部署到 cf worker（后项可选）
npm i -g @cloudflare/wrangler

# 安装依赖
npm i

使用 wrangler 前的准备:

  1. 进入 https://dash.cloudflare.com/profile/api-tokens » 创建 cloudflare api 令牌（使用 Edit Cloudflare Workers 模板） » 登陆（示例如下）

    # 登陆 cloudflare
wrangler config

# 验证登录状态
wrangler whoami

  2. 创建 worker ，获取 Account ID 在 cloudflare 创建新 worker，并在 worker 的 overview 页面右侧获取到 Account ID

    如果需要使用 cloudflare 里的域名绑定 worker，需要额外获取 zone ID, 参考文档

  3. 修改两个配置文件的几个选项

    • wrangler.toml
      # 刚刚创建的 worker 名
  name = "beet"

  # 获取的 Account ID
  account_id = ""

  # 如果使用了域名，需要添加 zone_id
  # zone_id = ""
    • src/config/default.js
      client_id: '',

  // 网盘索引目录
  base = "",

  firebase_url = '',

使用 wrangler 正式构建应用：

# 上传 refresh_token, client_secret, firebase_token 到 cloudflare 并加密

wrangler secret put REFRESH_TOKEN
# ... enter your refresh_token

wrangler secret put CLIENT_SECRET
# ... enter your client_secret

wrangler secret put FIREBASE_TOKEN
# ... enter your firebase_token

全部上传成功后，可以预览和发布：

wrangler preview

wrangler publish

如出现网络问题无法上传，可手动复制 worker/worker.js 到 cf worker

自定义

themes/spencer.css -> CSS

src/render/htmlWrapper.js -> HEAD FOOTER

themes/prism-github.css -> prism theme

src/folderView.js -> home intro

src/config/default.js -> toggle pagination feature

后期考虑使用 config 文件自定义 修改简单的 src/render/userProfile 可自定义如下四项设置

  • title
  • navTitle
  • introContent
  • footerContent