/NowWebAdb

Control your local Android device from your browser.

Primary LanguageVueGNU General Public License v3.0GPL-3.0

πŸ“± NowWebAdb

【中文文摣】 | 【English Document】

NowWebAdb is a web-based Android device management tool implemented using the open-source library ya-webadb. It allows users to manage and interact with local Android devices through a web interface, providing various features for device information retrieval and management.

🌟 Feature Overview

  • Device Information Retrieval πŸ“Š

    • View basic information about the Android device, including:
      • Current screen screenshot
      • Device temperature
      • Battery status
      • Wi-Fi connection information
      • IP address
      • System version
      • Screen size
      • ABI architecture
      • Memory and storage usage
      • Serial number
      • CPU information, etc.

  • File Management πŸ“

    • Provides file management operations on the device, including:
      • Create folders
      • Upload files
      • Download files
      • Rename files
      • Delete files
      • View detailed file information

  • Terminal Operations πŸ’»

    • Directly send Shell commands for terminal operations.

  • Screen Control πŸ–±οΈ

    • Supports direct control of device screen operations from the web interface, including:
      • Swiping
      • Mouse wheel operations
      • Keyboard input

  • Future Features πŸ› οΈ

    • Application management
    • Real-time log viewing
    • Screenshot functionality, etc.

πŸ› οΈ Technology Stack

  • Frontend Framework: Vue 3
  • State Management: Vuex
  • Routing Management: Vue Router
  • Build Tool: Vite
  • Styling: CSS/Sass
  • Other: Element-Plus, BootStrap (UI frameworks)

πŸ’» Environment Requirements

  • Node.js: v16.x or higher
  • npm: v8.x or higher
  • Browser: Chrome (Firefox and other browsers do not support WebUSB)

πŸ“‚ Project Structure

NowWebAdb
β”œβ”€β”€ public
β”‚   β”œβ”€β”€ icon.svg          # Web page icon
β”œβ”€β”€ src
β”‚   β”œβ”€β”€ assets            # Static resource
β”‚   β”œβ”€β”€ components        # Common components
β”‚   β”œβ”€β”€ layouts           # Layouts
β”‚   β”œβ”€β”€ pages             # Pages
β”‚   β”œβ”€β”€ router            # Routing
β”‚   β”œβ”€β”€ stores            # State management
β”‚   β”œβ”€β”€ App.vue           # Root component
β”‚   β”œβ”€β”€ auto-imports.d.ts # Vite auto-import types
β”‚   β”œβ”€β”€ main.js           # Entry file
β”œβ”€β”€ .gitignore            # Git ignore file
β”œβ”€β”€ index.html            # HTML template
β”œβ”€β”€ LICENSE               # License
β”œβ”€β”€ package.json          # Project dependencies
β”œβ”€β”€ README.md             # Project documentation
β”œβ”€β”€ README-CN.md          # Project documentation (Chinese)
β”œβ”€β”€ vite.config.js        # vite Vite configuration file

πŸš€ Quick Start

  1. Clone the repository: 
    git clone https://github.com/srrchysfzy/NowWebAdb.git
  2. Install dependencies:： 
    cd NowWebAdb
npm install
  3. Start the development server: 
    npm run dev
  4. Open http://localhost:5173 in your browser to see the result.

πŸ“ Contribution

Feel free to submit Issues and Pull Requests to help improve the project! 😊

πŸŽ‰ Acknowledgments

Thank you to the following open-source projects and tools that made this project possible:

πŸ“„ License

GPL-3.0