Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

A React app used to view and manage cloud files on RClone

License

NotificationsYou must be signed in to change notification settings

EKarton/RClone-Drive-WebUI

Repository files navigation

Netlify Statuscodecov

Description

The RClone Drive Web UI is a RClone client that provides an easy-to-use web interface to view and manage your files on RClone. It uses your RClone instance'sRemote Control to connect to your cloud drives.

Features

  • Navigate and see files in directories and remotes
  • See images and files in detail
  • View and scroll through all pictures recursively (like Google Photos) with lazy-loading
  • Upload files and folders easily via drag-and-drop with web workers
  • Copy and move files between and within remotes asynchronously with web workers
  • Delete files asynchronously with web workers
  • Set theme to dark mode
  • Clear trash can on selected cloud providers and remotes
  • Search for files and images across remotes

Walkthrough

Refer tothis doc for a detailed walkthrough. However, here are a few screenshots:

files-list-page

pictures-list-page

Setup / Getting Started

  1. Install dependencies by runningyarn install

  2. Start your RClone instance:

    1. If your RClone config is in itsdefault location, run:

      rclone rcd --rc-allow-origin'http://localhost:3000' --rc-user='local' --rc-pass="1234" --rc-serve
    2. Else, if it is in a different location, run:

      rclone rcd --rc-allow-origin'http://localhost:3000' --rc-user='local' --rc-pass="1234" --rc-serve --config<Path to RClone config>

    More info is at theRClone docs

  3. Run this app in development mode by runningyarn start-dev. You can access your local build onhttp://localhost:3000 on your web browser.

Useful Scripts for Local Development

  1. yarn test

    Runs all test cases. To run only one test case, specify the relative path to the test likeyarn test src/pages/FilesPage/__tests__/index.test.js

  2. yarn build

    Builds the app in production mode

  3. yarn lint

    Checks code formatting. To automatically fix code formatting, runyarn lint:fix

  4. yarn start-dev:

    Starts the app in development mode

Usage

Please note that this project is used for educational purposes and is not intended to be used commercially. We are not liable for any damages/changes/lost data done by this project.

Credits

Emilio Kartono, who made the entire project. Illustrations are fromhttps://undraw.co/.

License

This project is protected under the GNU licence. Please refer to the LICENSE.txt for more information.

Releases

No releases published

Packages

No packages published

Languages


[8]ページ先頭

©2009-2025 Movatter.jp