หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

โอเพ่นซอร์ส tap4 ai web ui

นี่คือโครงการไดเรกทอรีเครื่องมือ AI โอเพนซอร์ซจากไดเรกทอรีเครื่องมือ TAP4 AI เป้าหมายของเราคือทำให้ทุกคนมีไดเรกทอรีเครื่องมือ AI ของตัวเองเพื่อรวบรวมผลิตภัณฑ์เครื่องมือ AI ที่พวกเขาชื่นชอบ โครงการนี้มีน้ำหนักเบามากและง่ายต่อการบำรุงรักษาเหมาะสำหรับนักพัฒนาแต่ละรายที่สนใจในเว็บไซต์นำทาง AI และยังเหมาะสำหรับผู้เรียนที่สนใจ NextJS ทุกคนยินดีต้อนรับสู่ Fork และ Star

ภาษาจีนง่ายๆ | ภาษาอังกฤษ

รองรับ TAP4 AI ในการล่าผลิตภัณฑ์

เวอร์ชัน 2.0.0 บันทึกการอัปเดต

  • ข้อมูลไซต์ AI ถูกเก็บไว้โดยใช้ฐานข้อมูล Supabase
  • มันเชื่อมต่อกับโครงการ Crawler TAP4 AI ซึ่งรองรับการส่งและการรวบรวมอัตโนมัติอย่างสมบูรณ์
  • รองรับการจัดหมวดหมู่และการค้นหาอย่างง่าย

หมายเหตุ: หากคุณไม่คุ้นเคยกับฐานข้อมูลหรือมีความกังวลเกี่ยวกับปัญหาความเข้ากันได้กับเวอร์ชัน 1.0.0 โปรดคลิกเพื่อเปลี่ยนไปใช้สาขาเวอร์ชัน 1.0.0

การแนะนำคุณสมบัติล่าสุด

  • รองรับการแสดงผลของรายการเครื่องมือ AI
  • รองรับการกรองหมวดหมู่เครื่องมือ AI
  • รองรับการค้นหาเครื่องมือ AI
  • รองรับการแสดงผลของรายละเอียดการทำเครื่องหมายเครื่องมือ AI
  • SEO เป็นมิตร (รองรับ I18N)

คำอธิบายสแต็กทางเทคนิค

  • ใช้ 14 ถัดไปและการกำหนดเส้นทางแอพ (ส่วนประกอบเซิร์ฟเวอร์ตอบสนอง)
  • ฐานข้อมูล Supabase Serverless
  • การทำให้เป็นสากล
  • SEO เป็นมิตร (รองรับ I18N)
  • ไดนามิก sitemap.xml (รองรับ i18n)
  • Tailwind CSS

ภาพหน้าจอส่วนหน้า

tap4-ai

ติดตามและสนับสนุนลิงก์

โปรดติดตาม Twitter ของเรา: https://x.com/tap4ai

หากคุณพบว่าโครงการมีประโยชน์โปรดลองซื้อกาแฟให้ฉัน:

หากคุณสนใจในโครงการโปรดเพิ่ม WeChat ของฉัน: Helloleo2023, หมายเหตุ: "TAP4 AI Open"

คำแนะนำการปรับใช้

การปรับใช้ TAP4 AI Crawler

ดู Tap4 AI Crawler สำหรับรายละเอียด หลังจากการปรับใช้คุณสามารถใช้ชื่อโดเมนของแพลตฟอร์มหรือชื่อโดเมนที่กำหนดเองเป็นอินเทอร์เฟซ API สำหรับการสร้างเนื้อหาหน้าเว็บเครื่องมือ AI (เช่น https: // {crawler_domain}/ไซต์/การรวบรวมข้อมูล ).

คุณต้องกำหนดค่าไว้ในตัวแปรสภาพแวดล้อม Crawler_API

การสร้างฐานข้อมูล supabase และดำเนินการสคริปต์ SQL

  • ลงทะเบียนบน supabase สร้างฐานข้อมูลและบันทึก supabase_url และ supabase_anon_key สำหรับการปรับใช้ตัวแปรสภาพแวดล้อม vercel ในภายหลัง
  • ดำเนินการไฟล์ SQL ในไดเรกทอรี DB ของโครงการบนแบ็กเอนด์ Supabase: create_table.sql, insert_category_data.sql, insert_data.sql

หมายเหตุ: หากคุณต้องการแก้ไขข้อมูลคุณสามารถอ้างถึงไฟล์ SQL หรือแก้ไขโดยตรงในแบ็กเอนด์ Supabase

ปรับใช้บน vercel (อย่าลืมตั้งค่าตัวแปรสภาพแวดล้อม)

พารามิเตอร์สภาพแวดล้อมดังต่อไปนี้: หมายเหตุ: คีย์ทั้งหมดต้องการและค่ารวมถึง next_public_site_url, next_public_supabase_url, next_public_supabase_anon_key เขียนด้วยค่าที่ถูกต้อง 

 # Your domain
NEXT_PUBLIC_SITE_URL= " https://tap4.ai "

# Google tracking ID and ad URL
GOOGLE_TRACKING_ID= " G-XXXXXXX " GOOGLE_ADSENSE_URL= " https://xxxx.googlesyndication.com/xxxxx/xxxxx "

# Contact email at the bottom
CONTACT_US_EMAIL= " [email protected] "

# Supabase database URL and key
NEXT_PUBLIC_SUPABASE_URL= " https://xxxyyyzzz.supabase.co "
NEXT_PUBLIC_SUPABASE_ANON_KEY= " XXX.YYY.ZZZ "

# Web crawler API interface
CRAWLER_API= " https://{crawler_domain}/site/crawl_async "

# Crawler interface verification key
CRAWLER_API_KEY= " xxxx "

# Custom interface verification key
CRON_AUTH_KEY= " keyxxxx "

# Submit API verification key
SUBMIT_AUTH_KEY= " xxxx "

หมายเหตุ: รุ่นนี้ใช้งานที่กำหนดเวลาของ Vercel เพื่ออ่านและส่งเว็บไซต์และสร้างผลลัพธ์เว็บไซต์โดยอัตโนมัติ

  • เวอร์ชันฟรีของ Vercel: รองรับการโทรเพียงครั้งเดียวต่อวันคุณสามารถโทรหา {domain}/api/cron ด้วยตนเองโดยใช้โพสต์, ส่วนหัว: {"การอนุญาต": "ผู้ถือ Auth_key"} โดยที่ auth_key เป็นตัวแปรสภาพแวดล้อมที่กำหนดเอง
  • เวอร์ชัน Pro ของ Vercel: คุณสามารถอ้างถึงเอกสารนี้เพื่อกำหนดค่างาน Vercel cron

ทำงานในพื้นที่

การติดตั้ง

  • โหนด
  • NVM
  • PNPM

การตั้งค่า

โคลนโครงการนี้ 

git clone https://github.com/6677-ai/tap4-ai-webui.git

สร้างฐานข้อมูล supabase และเรียกใช้สคริปต์ SQL

ลงทะเบียนบน supabase สร้างฐานข้อมูลและบันทึก supabase_url และ supabase_anon_key สำหรับการปรับใช้ตัวแปรสภาพแวดล้อม vercel ในภายหลัง ดำเนินการไฟล์ SQL ในไดเรกทอรี DB ของโครงการบนแบ็กเอนด์ Supabase: create_table.sql, insert_category_data.sql, insert_data.sql

หมายเหตุ: หากคุณต้องการแก้ไขข้อมูลคุณสามารถอ้างถึงไฟล์ SQL หรือแก้ไขโดยตรงในแบ็กเอนด์ Supabase

ตั้งค่าตัวแปรสภาพแวดล้อมในไดเรกทอรีรูทสร้างไฟล์. env.local และกรอกค่าเฉพาะตามที่แสดงด้านล่าง:

หมายเหตุ: คีย์ทั้งหมดต้องการและค่ารวมถึง next_public_site_url, next_public_supabase_url, next_public_supabase_anon_key เขียนด้วยค่าที่ถูกต้อง 

 # Your domain
NEXT_PUBLIC_SITE_URL= " https://tap4.ai "

# Google tracking ID and ad URL
GOOGLE_TRACKING_ID= " G-XXXXXXX " GOOGLE_ADSENSE_URL= " https://xxxx.googlesyndication.com/xxxxx/xxxxx "

# Contact email at the bottom
CONTACT_US_EMAIL= " [email protected] "

# Supabase database URL and key
NEXT_PUBLIC_SUPABASE_URL= " https://xxxyyyzzz.supabase.co " NEXT_PUBLIC_SUPABASE_ANON_KEY= " XXX.YYY.ZZZ "

# Web crawler API interface
CRAWLER_API= " https://craw_domain/site/crawl_async "

# Crawler interface verification key
CRAWLER_API_KEY= " xxxx "

# Custom interface verification key
CRON_AUTH_KEY= " keyxxxx "

# Submit API verification key
SUBMIT_AUTH_KEY= " xxxx "

(5) ทำงานบนโหมด dev

เปลี่ยนเป็นเวอร์ชันโหนดเฉพาะ 

nvm use

ติดตั้งแพ็คเกจ 

pnpm i

รันในโหมด dev 

pnpm dev

จะปรับเนื้อหาของคุณได้อย่างไร?

ปรับเปลี่ยนฐานข้อมูลด้วยตนเอง

แก้ไขข้อมูลในตาราง Web_navigation ของ Supabase โปรดให้ความสนใจกับรูปแบบของ Markdown

หากตัวรวบรวมข้อมูลล้มเหลวในการโหลดวิธีจัดการมัน

เนื่องจากปัญหาความเข้ากันได้กับกลไกต่อต้านการคลานไซต์ที่แตกต่างกันในปัจจุบันตัวรวบรวมข้อมูลอาจไม่สามารถโหลดได้ สำหรับปัญหาดังกล่าวในขณะนี้คุณต้องสอบถามตารางส่งฐานข้อมูลด้วยตนเองจากนั้นสร้างเนื้อหาเว็บไซต์ที่เกี่ยวข้องด้วยตนเองและแทรกลงในตาราง Web_navigation

จะรับเครื่องมือ AI สำหรับการเริ่มต้นโครงการได้อย่างไร?

คุณสามารถรับ 13000+ AIs จาก TAP4 AI ที่รวบรวมจากไดเรกทอรีเครื่องมือ AI อื่น ๆ ในรายการ AI

ต้องการส่งเว็บไซต์ของคุณที่ tap4.ai?

เปิด: tap4 ai

ต้องการเพิ่มเว็บไซต์ของคุณในหน้า /startup ของเราหรือไม่?

  • เปิดปัญหาที่นี่: tap4-ai-directory
  • ส่งอีเมลถึงเรา: [email protected]

ลิงค์ไปยังผลิตภัณฑ์ของเรา

AI Video Online - AI วิดีโอขั้นสูงทั้งหมดในหนึ่งเดียว

วิดีโอ AI ออนไลน์เพิ่มเติมเกี่ยวกับวิดีโอ AI ออนไลน์: https://www.zhihu.com/pin/1835046959477567488

Flux Pro AI - Free Online Flux.1 AI Image Generator

ฟลักซ์ 1.1 โปรเพิ่มเติมเกี่ยวกับ Flux Pro AI https://www.zhihu.com/pin/1832771259513069568

ฟรีการแพร่กระจายที่เสถียร 3 เครื่องมือออนไลน์

การแพร่กระจายที่เสถียร 3 ออนไลน์ฟรี

เครื่องมือ PNG ขนาดเล็กฟรี

เครื่องมือ PNG ประเภทฟรี

ฟลักซ์ AI - ฟลักซ์ 1 เครื่องกำเนิดภาพ AI

ฟลักซ์ AI

API เพิ่มเติม

ภาพถ่ายไปยังวิดีโอ AI

ภาพถ่าย AI Video AI พร้อมให้บริการฟรีกรุณาเยี่ยมชมรูปภาพเพื่อวิดีโอ AI

เครื่องกำเนิดภาพฟลักซ์โปร

ปัจจุบัน Flux Pro Image Generator มีให้บริการฟรีกรุณาเยี่ยมชม Flux Pro Image Generator

แชท o1

chatbot build ด้วย openai O1 และ chatgpt 4o กรุณาเยี่ยมชมแชท o1

Grok Image Generator

Grok Image Generator พร้อม Flux AI กรุณาเยี่ยมชม Grok Image Generator)

การแพร่กระจายที่เสถียร 3 ออนไลน์ฟรี

ปัจจุบันมีความเสถียรในการแพร่กระจายอาหารฟรีสำหรับประสบการณ์ฟรีกรุณาเยี่ยมชมการแพร่กระจายที่เสถียร 3 ออนไลน์ฟรี

เครื่องกำเนิดและการออกแบบรอยสัก AI

Tattao AI Design เป็นเครื่องกำเนิด AI Tattoo AI และการออกแบบสำหรับแฟน ๆ รอยสัก หากคุณสนใจให้ไปที่ Tattoo AI Design

Claude 3.5 Sonnet

Claude 3.5 Sonnet เป็นรุ่น LLM ที่ทรงพลังที่สุดที่ออกโดย Claude AI หากคุณสนใจให้ไปที่ Tattoo AI Design

โอเพ่นซอร์สอื่น ๆ

เนื้อหาเว็บไซต์ AI Crawler

เยี่ยมชม: 6677-AI/TAP4-AI-Crawler

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด