使用 Vite React TypeScript 和 Spring Boot 进行 Web 爬取总结

# Web 开发# AI# React

在本文中，我们将介绍如何在 Web 上应用程序 **网页抓取** 和 **总结** 以及现代技术 **Vite React TypeScript** 前端和 **Spring Boot** 后端。该应用程序将在网络上刮擦并与模型 **拥抱脸** 相连。

首次登入应用程序

  • 前端：使用 React 和 TypeScript 进行交互。启用 Axios 并使用 API 后端。部署 Netlify 并进行部署。
  • 后端：Spring Boot digunakan untuk membangun API yang mengelola 散文网络抓取和摘要。 Menggunakan Jsoup 是通过抓取网页和拥抱面部来进行总结的。 API 文档与 OpenAPI 相关。

    • 尊重他人

    打开应用程序并打开应用程序，然后执行此操作。

    1. 克隆存储库

    Anda dapat meng-clone 存储库 GitHub untuk mendapatkan salinan dari aplikasi ini：

    git clone https://github.com/dioarafll/WebScrapeAI.git

    Setelah berhasil meng-clone，Anda dapat mengikuti instruksi di bawah untuk menjalankan proyek ini di lokal Anda。

    2. 后端导航

  • 查看后端目录：
    • cd WebScrapeAI/backend
  • Spring Boot 的应用程序：

    • Pastikan Anda sudah memiliki **Java** 和 **Maven** terinstal。 Anda dapat menjalankan aplikasi dengan perintah:

    mvn spring-boot:run

    API 后端称为“http://localhost:8080”。

    3. 访问前端

  • 查看前端目录：
    • cd WebScrapeAI/frontend
  • 安装依赖项：
    • npm install
  • 前端应用程序测试：
    • npm run dev

    应用程序前端类似于“http://localhost:3000”。

    应用程序演示

    Untuk melihat demo langsung dari aplikasi ini, Anda dapat mengunjungi situs **Netlify** di bawah ini:

    Netlify 应用程序演示

    Pada halaman demo ini，Anda dapat mencoba memasukkan URL dari halaman web yangingin Anda scrape dan melihat hasil scraping serta summarization secara langsung。

    陶坦·埃克斯特纳尔

  • Spring Boot 文档
  • Jsoup 文档
  • 拥抱人脸摘要模型
  • OpenAPI 文档
  • Vite 文档
  • Netlify 部署指南

    • 包括 langkah-langkah ini、配置文件、menguji 和 men-deploy 应用程序 **Web Scraping 和 Summarization** berbasis **Vite React TypeScript** 和 **Spring Boot**。