前提

  • 你需要一个OneDrive账号,必须管理员开放API
  • 需要已安装Node.js
  • 拥有Github账号,没有就注册一个
  • 魔法上网环境(看情况)

注册应用

登录https://portal.azure.com/#home

1. 从页面上找到 管理Azure Active Directory,点击查看

2. 左侧选择应用注册,点击新注册

3. 输入应用名称,受支持的账户类型选择第三项,重定向填 http://localhost,点击注册

4. 注册后会自动跳转到概览页面,复制客户端ID,用小本本把它记下来

5. 点击 左侧证书和密码,右边选择 新客户端密码,填入说明,截至日期最大只能选24个月,点击添加

6. 将新建的值复制,用小本本记下来

编辑权限

1. 左侧选择API权限,右边点添加权限

2. 选Microsoft Graph,再选委托的权限

3. 添加offline_access、Files.Read和Files.Read.All权限,原来的User.Read可以选择删除

获得token

1. 打开命令提示符,输入以下指令(需要安装Node)

npx @beetcb/ms-graph-cli

世纪互联就选Operated by 21Vianet in China,不是就选第一项

选OneDrive

会要求你输入client_id,就是前面用小本本记下的客户端ID,复制了可以右键直接粘贴进去

client_secret就是上面第6步新建的,redirect_url默认http://localhost:3000就可以不用输入,然后回车

2. 之后浏览器会打开一个窗口要求登录,登录你的账号,接受许可,提示Success,回到命令提示符,就能看到refresh_token和access_token,这个窗口先别关或者你把上面的内容保留下来

页面部署

1. 打开这个页面onedrive-vercel-index https://github.com/spencerwooo/onedrive-vercel-index

2. Fork仓库,修改仓库中config/api.json和site.json文件

将自己的clientId和网页标题修改好



3. 打开Vercel,登录Github账号,登陆后到首页点击New Porject,选择刚刚Fork的仓库点Import导入

4. 会进入新页面,Create A Team点Skip跳过

5. 到下面的Configure Project,其他不用管,展开Environment Variables设置环境变量

需要设置这三变量:REFRESH_TOKEN,ACCESS_TOKEN,CLIENT_SECRET,值的内容在前面的步骤中获取到了,注意是大写。

6. 点Deploy部署,如果右下角一直提示Connection...就打开魔法上网工具

7. 部署好后点Visit就能看到部署后的网页

建议把部署后的网址放在Git仓库的About上

最后效果

自定义域名

1. 登录Vercel,选择自己的项目,选择View Domains

2. Vercel默认会分配一个域名,选择它点Edit编辑,填入自己的域名再点Save保存

3. 似乎因为GFW的原因会无法访问,可以尝试这样设置域名解析

记录类型
A 76.223.126.88

简单几步零成本使用Vercel部署OneIndex 无需服务器搭建基于OneDrive的网盘的更多相关文章

  1. 部署项目到服务器 & 搭建博客网站

    搭建博客网站 作为名程序员,或者是网络编程爱好者,拥有一个自己的博客网站再好不过,本篇文章手把手教你部署自己的网站

  2. Docker部署Nextcloud私有网盘

    对于国内某度的网盘限速行为大家有目共睹,不过对于商业化的产品模式这样也无可厚非,毕竟企业也是盈利为目的.如果想享受互联网技术带来的便利,刚好也懂一点技术的话可以尝试搭建属于私有的网盘.个人比较推荐的是 ...

  3. Google Colab——零成本玩转深度学习

    前言 最近在学深度学习HyperLPR项目时,由于一直没有比较合适的设备训练深度学习的模型,所以在网上想找到提供模型训练,经过一段时间的搜索,最终发现了一个谷歌的产品--Google Colabora ...

  4. Hexo + Serverless Framework,简单三步搭建你的个人博客

    很多人都想拥有自己的个人博客,还得看起来漂亮.酷酷的.尤其对开发者来说,不仅可以分享技术(装)心得(逼),面试的时候还能成为加分.这里介绍两款好用的神器,不用忙前(前端)忙后(后端),简单3min即可 ...

  5. 零成本搭建个人博客之图床和cdn加速

    本文属于零成本搭建个人博客指南系列 为什么要使用图床 博客文章中的图片资源文件一般采用本地相对/绝对路径引用,或者使用图床通过外链进行引用展示.本地引用的弊端我认为在于: 图片和博客放在同一个代码托管 ...

  6. 【开源】简单4步搞定QQ登录,无需什么代码功底【无语言界限】

    说17号发超简单的教程就17号,qq核审通过后就封装了这个,现在放出来~~ 这个是我封装的一个开源项目:https://github.com/dunitian/LoTQQLogin ————————— ...

  7. 简单几步配置gitlab

    简单几步配置gitlab 之前配置gitlab需要很多步骤,要装apache2.ruby.tomcat.mysql等一片东西.有没有更简单的方式呢?现在可以借助bitnami,简化了很多. 可以参考v ...

  8. Oracle EBS-SQL (CST-3):检查零成本交易.sql

    SELECT            '零成本交易'                                交易异常类型          ,msi.segment1               ...

  9. css3简单几步画一个乾坤图

    原文:[原创]css3简单几步画一个乾坤图 效果如上,鼠标移上去会有动画. 代码如下非常简单: <html> <head> <style> .outer{heigh ...

随机推荐

  1. Hexo搭建个人静态博客网站

    前言 前段时间博客园整改,许多博客无法查看,偶然的机会接触到了许多博客框架,可用来快速搭建一个静态博客网站:最后选择使用hexo,看了不少大佬的教程,觉得挺有意思的,于是也总结了一下自己的搭建步骤,可 ...

  2. 01_Keil与Proteus联合仿真的注意事项

    01. 关于keil5和Proteus8的联合仿真的操作步骤,这里就不细说,给个链接,步骤差不多是最齐全的 CSDN博客链接:https://blog.csdn.net/wzk456/article/ ...

  3. 20210811 Dove 打扑克,Cicada 与排序,Cicada 拿衣服

    考场 开考感觉 T3 比较可做.T1 看上去不难但毫无思路. 先想了 25min T3,想到一个确定左端点,二分最长的右端点,甚至想到了用猫树维护区间 or and...上厕所回来发现假了,没有单调性 ...

  4. npm 设置同时从多个包源加载包的方法

    随着前后端分离技术的发展成熟,越来越来越多的后台系统甚至前端系统采用前后端分离方式,在大型前后端分离系统中,前端往往包含大量的第三方js 包的引用,各个第三方包又可能依赖另外一个第三方包,因此急需要一 ...

  5. 创建一个People类型,有年龄、工资、性别三个属性。 定义一个方法叫做找对象,找对象方法传过来一个人;

    创建一个People类型,有年龄.工资.性别三个属性. 定义一个方法叫做找对象,找对象方法传过来一个人: 首先如果性别相同,就输出"我不是同性恋", 如果对方是男的,年龄小于28, ...

  6. pycharm的常规使用

    1.修改当前项目的Py版本,是py2还是py3 pycharm-->settings-->选中要运行的项目-->选择py版本(如果你两个py版本都装在本机的话) 2.显示行数 在每行 ...

  7. 关于goto

    (下面一段来源<征服C指针>) 75: ReadLineStatus read_line(FILE *fp, char **line) 76: { 77: int ch; 78: Read ...

  8. ecshop 加入购物车和直接购买同时存在的方法

    一.首先将直接购买的链接设置为 <a href="javascript:bool =1;addToCart({$goods.goods_id})"> bool值为1,g ...

  9. 解决跨域、同源策略-React中代理的配置

    React中代理的配置 主要是解决同源策略的问题 何为同源策略? 因为我们React在3000端口,Vue在8080端口,而后台接口往往在5000,这种不同的端口之间就是一种跨域的问题了 axios发 ...

  10. redis 设置密码 laravel框架配置redis

    * 参考资料 redis文档             http://www.redis.cn/documentation.html,  http://redisdoc.com/index.html r ...