CodyBlog

onedrive-vercel-index 快速部署

2022-04-16  488字  2 分钟 

onedrive-vercel-index 是由 Next.js 构建的模板,你可以将其免费部署在 VercelNetlify 或者其他托管平台上
你可以使用 onedrive-vercel-index 来共享、预览你的 OneDrive 里的文件、视频、音频、文档,并提供下载

Fork 项目

项目地址

修改设置

onedrive-vercel-index 包含了两个配置文件
分别是 config/site.config.jsconfig/api.config.js
一个用于定义站点信息
一个用于定义 API 参数

站点信息

打开 site.config.js
userPrincipalName 改为你的微软账户邮箱
baseDirectory 改为想要共享的目录

userPrincipalName: process.env.NEXT_PUBLIC_USER_PRINCIPLE_NAME || 'codynotfound@doapi.partner.onmschina.cn',
title: 'Cody\'s OneDrive'
baseDirectory: '/public',

修改 API 参数

国际个人版 OneDrive 用户请跳过这一步

打开 api.config.js
修改 authApidriveApi

authApi: "https://login.partner.microsoftonline.cn/common/oauth2/v2.0/token",
driveApi: "https://microsoftgraph.chinacloudapi.cn/v1.0/me/drive",

对于企业版,教育版,E5订阅的用户
先尝试不修改进行 OAuth
如果不行,则需要使用自己的 clientIdclientSecret
详见 使用你自己的 client id 与 secret

导入到 Vercel

据官方推荐
修改一下 Build and Output Settings

点击 Deploy 开始部署

此次部署的成功失败无关紧要

连接 Redis

可以自行创建一个 Redis 数据库
并填写到 REDIS_URL 环境变量中
此处推荐使用 Upstash
毕竟都用 Vercel 了 不就是想要 serverless

Upstash

参考 Vercel Integration

打开 Upstash Integration
点击 Add Integration
选择对应的组织与项目
登录时可以直接选择使用 Github

安装成功后一般会自动添加到环境变量

如果未自动添加
打开 console
选择
获得 Redis 地址
比如

redis://*****@**********12345.upstash.io:12345

然后手动添加一下即可

认证


打开部署好的网站
进行 OAuth
验证完后会跳转到 http://localhost/?code=
复制 URL 到程序即可

  • 本文作者: CodyNotFound
  • 本文链接: onedrive-vercel-index 快速部署
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-ND 4.0 许可协议。转载请注明出处。
  • 发布日期: 2022-04-16
  • 更新日期: 2022-07-14