
ดูในการดำเนินการ: https://tinybots.net/artbot
ARTBOT เป็นเว็บไคลเอ็นต์ส่วนหน้าอย่างไม่เป็นทางการที่ออกแบบมาสำหรับการโต้ตอบกับคลัสเตอร์การกระจาย Horde ที่มีเสถียรภาพซึ่งเป็นกลุ่มของ GPU ที่ดำเนินการแพร่กระจายอย่างมีเสถียรภาพซึ่งเวลาการประมวลผลได้รับการบริจาคโดยชุมชนที่กระตือรือร้นของอาสาสมัคร
ARTBOT ถูกสร้างขึ้นโดยใช้ NEXT.JS 13 และ TypeScript มันถูกสร้างขึ้นเป็นโครงการด้านข้างเพื่อทดสอบกับเทคโนโลยีฝั่งไคลเอ็นต์ต่างๆเช่น IndexedDB และ APIs LocalStorage API เหล่านี้ช่วยให้คุณสามารถเก็บภาพ AI ที่สร้างขึ้นได้อย่างปลอดภัยและเป็นส่วนตัวที่คุณสร้างขึ้นด้วยคลัสเตอร์ภายในเบราว์เซอร์ของคุณเอง
ส่วนประกอบ UI ถูกสร้างขึ้นเองโดยใช้การผสมผสานของส่วนประกอบสไตล์และ Tailwind CSS ด้วยความพยายามล่าสุดที่มุ่งเน้นไปที่การใช้ Tailwind CSS อย่างเคร่งครัด เป้าหมายระยะยาวคือการลบส่วนประกอบที่มีสไตล์ออกจากฐานรหัสอย่างสมบูรณ์
Artbot ใช้ไอคอนจาก Tabler
>= 18.0.0>= 9.0.0ขั้นตอนเหล่านี้ส่วนใหญ่ควรใช้กับสภาพแวดล้อม Linux / MacOS / Windows
การติดตั้ง node.js เวอร์ชันต่าง ๆ บนเครื่องของคุณอาจเป็นเรื่องยาก ฉันเป็นแฟนตัวยงของ NVM ซึ่งช่วยให้คุณสามารถเรียกใช้ Node.js หลายเวอร์ชันที่แยกได้อย่างง่ายดาย
การใช้ nvm คุณสามารถติดตั้งโหนดเช่นนี้:
> nvm install v18.16.0
> nvm alias default nodeเมื่อคุณมีการตั้งค่าสภาพแวดล้อม node.js แล้วคุณสามารถโคลนที่เก็บนี้และติดตั้งแพ็คเกจที่จำเป็น ขึ้นอยู่กับรายละเอียดของเครื่องและความเร็วในการเชื่อมต่ออินเทอร์เน็ตของคุณการติดตั้งแพ็คเกจทั้งหมดอาจใช้เวลาหนึ่งหรือสองนาที
> git clone https://github.com/daveschumaker/artbot-for-stable-diffusion
> cd artbot-for-stable-diffusion
> npm install สคริปต์ postinstall จะเรียกใช้โดยอัตโนมัติซึ่งจะสร้างไฟล์ .env ที่ว่างเปล่าในรูทของโฟลเดอร์โครงการ คุณไม่จำเป็นต้องเพิ่มอะไรเลย แต่มันเป็นสิ่งจำเป็นสำหรับแพ็คเกจ dotenv
ในขณะที่ไม่จำเป็นฐานรหัสอ้างอิงตัวแปรสิ่งแวดล้อมสองสามตัวในสถานที่ต่าง ๆ โดยทั่วไปจะเป็นจุดสิ้นสุดสำหรับการส่งข้อความบริการ telemetry ที่ฉันเรียกใช้หรือการจัดเก็บข้อมูลในท้องถิ่นที่เกี่ยวข้องกับการนับรูปแบบและผลรวมการสร้างภาพ
สำคัญ: การพยายามเรียกใช้แอพด้วยวิธีนี้บนเครื่อง Windows จะไม่ทำงาน นี่เป็นเพราะตัวแปรสภาพแวดล้อมผ่านไปยังเว็บแอปด้วยสคริปต์ npm ดูส่วนการแก้ไขปัญหาสำหรับข้อมูลเพิ่มเติม
เอาล่ะตอนนี้คุณควรจะสามารถเรียกใช้แอป ARTBOT Web! ในการเรียกใช้ในโหมดการพัฒนา (ซึ่งใช้คุณสมบัติการโหลดซ้ำของ NextJS - ซึ่งคุณสามารถดูการอัปเดตสดบนเว็บไซต์ในขณะที่คุณทำการเปลี่ยนแปลง)
> npm run dev จากนั้นเปิดเบราว์เซอร์ของคุณและเยี่ยมชม http://localhost:3000 ตอนนี้คุณควรจะสามารถร้องขอภาพไปยังฝูงชนที่เสถียรได้ทันที ตรงไปที่ http://localhost:3000/artbot/settings และป้อนคีย์ Horde API ที่มั่นคงของคุณสำหรับเวลาการสร้างที่เร็วขึ้น
หากคุณต้องการเรียกใช้สิ่งนี้ในสภาพแวดล้อมประเภทการผลิตคุณจะต้องเริ่มต้นการสร้างก่อนจากนั้นเรียกใช้ตามปกติคุณจะเรียกใช้แอป Node.js
> npm run build
> npm run startบน TinyBots เว็บเซิร์ฟเวอร์ของฉันสำหรับโฮสต์ ARTBOT ฉันใช้ PM2 เพื่อคงอยู่แอปพลิเคชันและรีสตาร์ทโดยอัตโนมัติหลังจากล่มหรือรีบูต คุณสามารถแก้ไขการตั้งค่าที่เกี่ยวข้องกับ PM2 ภายในระบบนิเวศ.config.js
นอกจากนี้คุณสามารถเริ่มและหยุด PM2 โดยใช้:
> npm run pm2:start-prod
> npm run pm2:stop-prod ดังที่ได้กล่าวไว้ก่อนหน้านี้การพยายามใช้ npm run dev หรือ npm run start ภายในสภาพแวดล้อม Windows จะส่งผลให้เกิดข้อผิดพลาด ทางออกหนึ่งที่เป็นไปได้สำหรับเรื่องนี้คือการลบตัวแปรสภาพแวดล้อม ในกรณีของ npm run dev นั่นจะมีลักษณะเช่นนี้
package.jsonscripts/dev เพื่อลบ PORT=3000 ออกจากสคริปต์: > npm run update:build-id && node server.jspackage.json และพยายามเรียกใช้อีกครั้ง: > npm run devสำหรับปัญหาอื่น ๆ ที่ไม่ได้กล่าวถึงที่นี่อย่าลังเลที่จะเปิดปัญหาใหม่เกี่ยวกับ GitHub หรือเยี่ยมชมช่องทางป้อนกลับของ ARTBOT บนเซิร์ฟเวอร์ Horde Discord ที่เสถียร
การบริจาคยินดีต้อนรับมาก! แนวทางทั่วไปมีดังนี้:
> git checkout -b my-cool-new-featureแจ้งให้เราทราบหากคุณมีคำถามใด ๆ ฉันมีความสุขมากกว่าที่จะช่วยเหลือ
ดู license.md