
شاهدها في العمل: https://tinybots.net/artbot
Artbot هو عميل ويب أمامي غير رسمي مصمم للتفاعل مع مجموعة Horde الموزعة المستقرة-وهي مجموعة من وحدات معالجة الرسومات التي تعمل على الانتشار المستقر الذي تم التبرع بوقت المعالجة من قبل مجتمع متحمس من المتطوعين.
تم تصميم Artbot باستخدام Next.js 13 و TypeScript. تم إنشاؤه مع مشروع جانبي من أجل تجربة العديد من التقنيات من جانب العميل ، مثل INSTEDDB و LocalStorage APIs. تتيح لك واجهات برمجة التطبيقات هذه لتخزين الصور التي تم إنشاؤها من الذكاء الاصطناعي بشكل آمن وخاصةً من خلال الكتلة داخل المتصفح الخاص بك.
تم تصميم مكونات واجهة المستخدم خصيصًا باستخدام مزيج من المكونات المصممة و CSS Tailwind ، مع تركيز الجهود الحديثة بشكل صارم على استخدام CSS Tailwind. الهدف طويل الأجل هو إزالة المكونات المصممة تمامًا من قاعدة الكود.
يستخدم 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 .
على الرغم من أنه غير مطلوب ، فإن قاعدة الكود تشير إلى بعض المتغيرات البيئية في أماكن مختلفة. هذه عمومًا هي نقاط النهاية للرسائل ، أو خدمات القياس عن بعد أقوم بتشغيلها ، أو تخزين البيانات المحلي المتعلق بتعدادات النماذج وإجماليات توليد الصور.
هام: محاولة تشغيل التطبيق بهذه الطريقة على جهاز Windows لن تعمل. ويرجع ذلك إلى تمرير متغيرات البيئة إلى تطبيق الويب باستخدام البرامج النصية npm . راجع قسم استكشاف الأخطاء وإصلاحها لمزيد من المعلومات.
حسنًا ، يجب أن تكون قادرًا الآن على تشغيل تطبيق Artbot Web! لتشغيله في وضع التطوير (الذي يستخدم ميزة إعادة التحميل الساخنة لـ NextJS - حيث يمكنك رؤية التحديثات مباشرة على الموقع أثناء إجراء تغييرات)
> npm run dev بعد ذلك ، افتح متصفحك وقم بزيارة http://localhost:3000 ، يجب أن تكون قادرًا الآن على تقديم طلبات صورة على الفور إلى الحشد المستقر. توجه إلى http://localhost:3000/artbot/settings وأدخل مفتاح API المستقر Horde لأوقات الأجيال الأسرع.
إذا كنت ترغب في تشغيل هذا في نوع من البيئة ، فستحتاج أولاً إلى بدء تشغيل البناء ثم تشغيله كما ستدير تطبيق 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 Feedback على خادم Discord مستقر.
المساهمات مرحب بها للغاية! الإرشادات العامة هي كما يلي:
> git checkout -b my-cool-new-featureاسمحوا لي أن أعرف إذا كان لديك أي أسئلة. أنا أكثر من سعيد للمساعدة.
انظر الترخيص