Allgemeine Einführung
Tap4 AI WebUI ist ein quelloffenes, leichtgewichtiges KI-Tool-Navigations-Website-Projekt, das Benutzern helfen soll, ihren eigenen KI-Tool-Katalog einfach zu erstellen. Das Projekt nutzt den Next.js und Supabase Technologie-Stack, Unterstützung für mehrsprachige SEO-Optimierung, um die Klassifizierung von KI-Tools Filter-, Such- und detaillierte Anzeigefunktionen zu bieten, mit dem Tap4 AI Crawler Projekt, um die Automatisierung von Crawling-Webseiten zu unterstützen. Ob Sie ein KI-Enthusiast oder ein Entwickler sind, können Sie schnell Ihre eigene KI-Tool-Navigationsseite durch dieses Projekt erstellen.
Funktionsliste
- Anzeige der AI-Werkzeugliste: Unterstützung für die Anzeige umfangreicher AI-Werkzeuginformationen
- Nach Kategorie filtern: Unterstützung bei der Suche nach AI-Tools nach Kategorie
- Suchfunktion: Bereitstellung einer Suchfunktion für AI-Tools
- Ausführliche Präsentation: Unterstützung für die Präsentation von KI-Tools im Markdown-Format Ausführliche Präsentation
- SEO-freundlich: Mehrsprachige SEO-Unterstützung
Hilfe verwenden
Ablauf der Installation
- Einsatz von Tap4 AI Crawler::
- Das erste, was getan werden muss, ist die Bereitstellung von Tap4 AI Crawler Projekt. Nach der Bereitstellung können Sie den Domänennamen der Plattform oder einen benutzerdefinierten Domänennamen als API-Schnittstelle für die Erstellung von Webinhalten des KI-Tools verwenden.
- Tap4.AI Crawler-Funktion: Website automatisch Screenshot und Upload auf Cloudflare R2. Unterstützung Crawling Website Details und generieren Website Titel, Beschreibung und Markdown-Format spezifische Einführung durch AI.
- Erstellen einer Supabase-Datenbank und Ausführen von SQL-Skripten::
- Melden Sie sich bei Supabase an und erstellen Sie eine Datenbank, wobei Sie die SUPABASE_URL und den SUPABASE_ANON_KEY für die spätere Konfiguration der Vercel-Umgebungsvariablen aufzeichnen.
- Führen Sie die SQL-Dateien im Verzeichnis project db im Supabase-Backend aus: create_table.sql, insert_category_data.sql, insert_data.sql.
- Einsatz auf Vercel::
- Streik (auf der Tastatur)hier (literarisch)und folgen Sie den Aufforderungen zur Installation. Hinweis: Vergessen Sie nicht, Umgebungsvariablen zu setzen!
- Beispiel für die Konfiguration von Umgebungsvariablen:
NEXT_PUBLIC_SITE_URL="https://tap4.ai" GOOGLE_TRACKING_ID="G-XXXXXXX" GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx" KONTAKT_UNS_EMAIL="contact@tap4.ai" NÄCHSTE_ÖFFENTLICHE_SICHERHEITSDATENBANK_URL="https://xxxyyyzzz.supabase.co" NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ" CRAWLER_API="https://{crawler_domain}/site/crawl_async" CRAWLER_API_KEY="xxxx" CRON_AUTH_KEY="Schlüsselxxxx" SUBMIT_AUTH_KEY="xxxx"
- lokaler Betrieb::
- Projekt Klonen:
git clone https://github.com/6677-ai/tap4-ai-webui.git
- Installieren Sie die Abhängigkeit:
Knoten NVM PNPM
- Einstellen von Umgebungsvariablen: Erstellen des Stammverzeichnisses
.env.local
geben Sie die Werte der entsprechenden Umgebungsvariablen ein - Führen Sie das Entwicklungsmodell aus:
pnpm-Entwicklung
- Projekt Klonen:
- Inhaltliche Aktualisierungen::
- Manuelle Änderung der Datenbank: direkte Änderung der Daten der Tabelle web_navigation in Supabase
- Automatisches Crawler-Update: Wenn der Crawler fehlschlägt, können Sie die Submit-Tabelle manuell abfragen, dann relevante Website-Inhalte erstellen und diese in die web_navigation-Tabelle einfügen.