Pai Pian Ge ayollar kiyimi bo‘yicha qo‘llanma: ikki tilli AI kiyimlar katalogi va virtual kiyib ko‘rish xizmatini yaratish

Loyiha haqida

拍片哥女装 (COSTUME-DB-01) — to‘q rangli mavzuga ega, ochiq manbali AI kiyimlar ma’lumotnomasi galereyasi bo‘lib, unda odamlar ko‘rinmaydigan, 2:3 nisbatdagi AI yordamida yaratilgan 1407 ta kiyim tasviri jamlangan. Frontend hech qanday build talab qilmaydigan sof statik sayt bo‘lib, uni bevosita ko‘rish, qidirish va filtrlash mumkin; virtual kiyib ko‘rish kerak bo‘lsa, backend/ ichidagi GoFrame v2 backendini ham ishga tushirish mumkin.

Avval onlayn versiyani ochib, bepul galereya imkoniyatlarini sinab ko‘rishingiz yoki GitHub repositorydan manba kodini olib, lokal ishga tushirishingiz va rivojlantirishingiz mumkin.

Asosiy imkoniyatlar

• 1407 ta kiyim: bahor, yoz, kuz, qish, ichki kiyim, bazm, suzish kiyimi va seksual 8 toifaga bo‘lingan.
• Xitoycha va inglizcha interfeys: sukut bo‘yicha xitoycha ko‘rsatiladi, sahifaning yuqori o‘ng burchagida English tiliga o‘tish mumkin.
• Ikki yo‘nalishli kalit so‘z qidiruvi: “白、蕾丝、连衣裙” kabi xitoycha so‘zlar, shuningdek white, lace, dress kabi inglizcha so‘zlar qo‘llab-quvvatlanadi.
• Rasmlarni ko‘rish: cheksiz aylantirish, katta rasm ko‘rish, chap-o‘ng yo‘nalish tugmalari bilan almashtirish, Esc orqali yopish va original o‘lchamdagi PNG yuklab olish imkoniyatlari mavjud.
• Kiyib ko‘rish va kombinatsiya paneli: portret yuklash, kiyim tanlash, oldindan ko‘rish, sudrab ko‘chirish, masshtablash va fonni ajratib kompozitsiya qilish mumkin.
• AI virtual kiyim almashtirish: ixtiyoriy backend orqali Gemini, 豆包, GPT Image, OpenAI Images bilan mos modellar yoki lokal ComfyUI chaqiriladi.
• Lokal maxfiy saqlash: model sozlamalari joriy brauzerda saqlanadi; muvaffaqiyatli yaratilgan yozuvlar IndexedDB’da saqlanadi va qurilmalar o‘rtasida sinxronlanmaydi.
• Rasm orqali bir xil mahsulotni qidirish: katta rasm tafsilotlari va kiyib ko‘rish bo‘limidan Taobao rasm qidiruvini ochish mumkin.

1-qadam: statik frontendni ishga tushirish

Frontend asosan index.html, data.js va assets/dan iborat bo‘lib, bog‘liqliklarni o‘rnatish yoki build bajarish shart emas. Repositoryni olgach, loyiha ildiz katalogida istalgan statik fayl serverini ishga tushiring.

Python yordamida

python3 -m http.server 3000

Node.js yordamida

npx serve -l 3000 .

Keyin http://localhost:3000 manziliga kiring. index.htmlni zamonaviy brauzerda bevosita ochish ham mumkin, ammo to‘liq interaksiyani sinash uchun lokal HTTP server orqali ishga tushirish odatda ma’qulroq.

Galereyani ko‘rish, toifalarni filtrlash, ikki tilli qidiruv, katta rasm ko‘rish va asosiy kombinatsiya paneli API kalitini talab qilmaydi hamda backendni ishga tushirish shart emas. Original o‘lchamdagi PNG fayllarining umumiy hajmi taxminan 1GB dan ortiq bo‘lgani uchun repositoryga kiritilmagan; yuklab olish tugmasi original manba resursiga yo‘naltiradi.

2-qadam: kiyimlarni ko‘rish va qidirish

1. Toifani tanlang: ko‘rish doirasini toraytirish uchun bahor, yoz, kuz, qish va boshqa toifalardan birini tanlang.
2. Kalit so‘z kiriting: qidiruv maydoniga kiyim xususiyatini xitoycha yoki inglizcha kiriting, natijalar real vaqt rejimida yangilanadi.
3. Tilni almashtiring: yuqori o‘ng burchakdagi til tugmasi orqali xitoycha va inglizcha interfeys o‘rtasida o‘ting.
4. Katta rasmni ko‘ring: kiyim tafsilotlarini ochgach, qo‘shni rasmlarni klaviaturadagi chap-o‘ng tugmalar bilan ko‘ring, yopish uchun Esc ni bosing.
5. Yuklab oling yoki bir xil mahsulotni qidiring: zarur bo‘lsa, original o‘lchamni yuklab olish havolasidan foydalaning yoki Taobao rasm qidiruvini oching.

Sayt URL parametrlari orqali muayyan til va qidiruv holatini ulashishni ham qo‘llab-quvvatlaydi:

?lang=en
?q=lace
?lang=en&q=white

lang qiymati zh yoki en bo‘lishi mumkin, q esa boshlang‘ich qidiruv so‘zini belgilaydi.

3-qadam: asosiy kiyib ko‘rish panelidan foydalanish

Frontendda kiyib ko‘rish funksiyasini ochgach, avval galereyadan namunaviy kiyimni tanlang, so‘ng portret fotosuratini yuklang. Asosiy kombinatsiya paneli onlayn ko‘rish, sudrab ko‘chirish, masshtablash va fonni ajratib kompozitsiya qilishni qo‘llab-quvvatlaydi, katta modeldan foydalanmaydi. Kiyim inson tanasi shakliga tabiiyroq moslashishi uchun AI kiyim almashtirish backendini ham ishga tushirish kerak.

Rasm yuklanganda frontend uzun tomonini avtomatik ravishda 2048 pikselgacha kichraytiradi va avval WebP formatiga o‘tkazadi, so‘ng 0.90 dan 0.75 gacha bo‘lgan sifat bosqichlari bo‘yicha siqadi.

4-qadam: AI kiyim almashtirish backendini Docker orqali ishga tushirish

Backend backend/ katalogida joylashgan. Host tizimiga Go kompilyatsiya muhitini o‘rnatmaslik uchun Docker Compose’dan foydalanish tavsiya etiladi.

cp backend/.env.example backend/.env
docker compose up -d

backend/.env faylini tahrir qilib, foydalanmoqchi bo‘lgan model kalitlarini kiriting. Xizmat ishga tushgach, sukut bo‘yicha http://localhost:8000 portini tinglaydi. Frontend ham localhost yoki 127.0.0.1 orqali ochilgan bo‘lsa, u avtomatik ravishda http://127.0.0.1:8000 manziliga ulanishga harakat qiladi.

Docker Run yordamida

cd backend
docker build -f manifest/docker/Dockerfile -t costume-tryon .
docker run -d --name costume-tryon -p 8000:8000 -e ARK_API_KEY="Sizning 豆包ArkKey kalitingiz" -e OPENAI_API_KEY="sk-Sizning OpenAI kalitingiz" costume-tryon

Dockersiz

Windows foydalanuvchilari backend/restart.bat faylini ishga tushirishlari mumkin. Go o‘rnatilgan bo‘lsa, quyidagicha bevosita ishga tushiring:

cd backend
export ARK_API_KEY="Sizning kalitingiz"
go run main.go

Windows PowerShell’da muhit o‘zgaruvchisi quyidagicha yoziladi: $env:ARK_API_KEY="Sizning kalitingiz".

5-qadam: kiyim almashtirish modellarini sozlash

Model konfiguratsiya fayli backend/manifest/config/config.yamlda joylashgan, shablon esa config.example.yaml. Har bir model uchun protokol, API Key, muhit o‘zgaruvchisi nomi, Base URL va haqiqiy model nomini alohida belgilash mumkin.

llm:
  models:
    gpt-image:
      provider: openai
      envKey: "OPENAI_API_KEY"
      baseURL: "https://api.openai.com/v1"
      model: "gpt-image-2"

    doubao:
      provider: doubao
      envKey: "ARK_API_KEY"
      baseURL: "https://ark.cn-beijing.volces.com/api/v3"
      model: "doubao-seedream-3-0-t2i-250415"

    gemini:
      provider: gemini
      envKey: "GEMINI_API_KEY"
      baseURL: "https://generativelanguage.googleapis.com/v1beta"
      model: "gemini-3.1-flash-image"

Muhit o‘zgaruvchisining ustuvorligi konfiguratsiyadagi apiKeydan yuqori. Tongyi Wanxiang, Zhipu CogView, SiliconFlow kabi OpenAI Images protokoliga mos xizmatlarni ulash uchun provider: openai bo‘lgan model bo‘limini qo‘shib, mos Base URL va model nomini kiriting; adapter kodini o‘zgartirish shart emas.

6-qadam: frontendni backendga ulash

Frontend AI kiyim almashtirish xizmatini quyidagi ustuvorlik asosida izlaydi:

1. Sozlamalar markazida saqlangan “Backend API manzili”.
2. Sahifa yuklanishidan oldin o‘rnatilgan global window.AI_API_URL o‘zgaruvchisi.
3. URL’dagi tryon parametri.
4. Frontend lokal ravishda ochilganda http://127.0.0.1:8000 manziliga qaytish.

Eng oddiy usul — sahifaning yuqori o‘ng burchagidagi sozlamalar markazini ochib, http://localhost:8000 manzilini kiritish. Quyidagi ulashish manzilidan ham foydalanish mumkin:

https://Sizning frontend manzilingiz/?tryon=http://localhost:8000

Sozlamalar markazida protokol, model nomi, Base URL, API Key va alohida backend kirish Tokenini ham saqlash mumkin. Shaxsiy model sozlamalari faqat joriy brauzerda saqlanadi, yaratish vaqtida bir martalik so‘rov bilan vaqtincha backendga uzatiladi va backend ma’lumotlar bazasi, konfiguratsiya fayli yoki xizmat loglariga yozilmaydi. Umumiy qurilmadan foydalanish tugagach, lokal sozlamalarni qo‘lda tozalash kerak.

Lokal ComfyUI orqali oflayn kiyim almashtirish

Agar kompyuterda alohida videokarta bo‘lsa yoki lokal tarmoqda ComfyUI hosti mavjud bo‘lsa, API Key talab qilmaydigan lokal yechimdan foydalanish mumkin. Loyiha Qwen-Image-Edit-2511 Int8, 4 bosqichli Lightning LoRA va MiniMax H3 workflowlarini qo‘llab-quvvatlaydi hamda tanlangan workflow tayyor bo‘lmaganda H3’ga qaytishi mumkin.

1. ComfyUI’ni ishga tushiring, sukut bo‘yicha manzil http://127.0.0.1:8188.
2. backend/README.MD ko‘rsatmalariga muvofiq Qwen-Image-Edit-2511 modeli va Lightning LoRA’ni joylashtiring.
3. ComfyUI model bo‘limi va workflow faylini sozlang.
4. Veb-sayt sozlamalar markazida “ComfyUI lokal”ni tanlang, ulanish muvaffaqiyatli sinovdan o‘tgach saqlang.

comfyui:
  provider: comfyui
  baseURL: "http://127.0.0.1:8188"
  model: "qwen-image-edit-2511"
  workflowPath: "workflows/comfyui_qwen_image_edit_2511_api.json"

Ilg‘or maslahatlar va production muhitiga joylashtirish

Mos model yechimini tanlash

• ComfyUI: lokal videokartaga ega, maxfiylikni muhim deb biladigan va API to‘lovlarisiz ishlashni istaydigan foydalanuvchilar uchun mos.
• Gemini: README Nano Banana 2, ya’ni gemini-3.1-flash-imageni bulutdagi tavsiya etilgan standart yechim sifatida ko‘rsatadi.
• 豆包 Seedream: Xitoy ichidagi tarmoqlarda ishlaydigan yechimga muhtoj foydalanuvchilar uchun mos.
• GPT Image 2: OpenAI Images protokolidan foydalanadi, mos uchinchi tomon proksi manzilini ham sozlash mumkin.

Ommaviy tarmoq uchun xavfsizlik cheklovlarini yoqish

Backendni ommaviy tarmoqqa joylashtirganda faqat standart xizmatni ochib qo‘ymaslik kerak. Loyiha Bearer Token autentifikatsiyasi, aniq CORS oq ro‘yxati, token bucket tezlik cheklovi, kunlik limit, shuningdek global va har bir subyekt uchun parallel so‘rovlar nazoratini taqdim etadi. README’da ko‘rsatilgan standart qiymatlar daqiqasiga 10 ta, kuniga 100 ta, global 2 ta parallel so‘rov va har bir subyekt uchun 1 ta parallel so‘rovdir. Aniq production konfiguratsiyasi uchun backend/DEPLOY.mdga murojaat qiling.

Backend faqat JPEG, PNG va WebP formatlaridagi haqiqiy tasvir maʼlumotlarini qabul qiladi. Bitta tasvir hajmi 8 MiB dan, ikkita tasvirning jami hajmi esa 16 MiB dan oshmasligi kerak; tasvir tomonlarining uzunligi 256 dan 8192 pikselgacha bo‘lishi, umumiy piksellar soni esa 20 milliondan oshmasligi lozim. Ushbu cheklovlar soxta fayllar, kod inyeksiyasi va piksellarni haddan tashqari ochish orqali yuzaga keladigan hujumlar xavfini kamaytiradi.

Mahalliy maʼlumotlar va maxfiylik chegaralarini tushunish

Muvaffaqiyatli AI kiyim almashtirish natijalari joriy brauzerning IndexedDB bazasida saqlanadi. Ularni ko‘rish, yuklab olish, alohida o‘chirish yoki barchasini tozalash mumkin. Yozuvlar serverga yuklanmaydi va boshqa qurilmalarga avtomatik sinxronlanmaydi. Ommaga ochiq backend ichki tarmoq so‘rovlari proksisi sifatida ishlatilishining oldini olish uchun shaxsiy Base URL sukut bo‘yicha localhost, ichki tarmoq va rezervlangan manzillarga yo‘naltirilmaydi.

Kiyim maʼlumotlarini kengaytirish

Galereya maʼlumotlari data.js faylida saqlanadi. Har bir yozuv id, カテゴリ, キーワード, サムネ, 画像 va 原寸 maydonlarini o‘z ichiga oladi. Ushbu yaponcha maydon nomlari dastlabki maʼlumotlar bilan moslikni taʼminlash uchun saqlab qolingan; frontend tasnif va kalit so‘zlarni avtomatik ravishda xitoycha yoki inglizchaga mahalliylashtiradi. Maʼlumotlarni kengaytirishda mavjud maydonlar tuzilmasi va tasvir yo‘llari qoidalariga amal qilish kerak.

Xulosa

拍片哥女装 darhol foydalanishga tayyor ikki tilli AI kiyimlar maʼlumotnomasi sifatida ham, ko‘p modelli virtual kiyib ko‘rish loyihalari uchun frontend va backend asosi sifatida ham ishlatilishi mumkin. Dastlabki foydalanishda faqat statik frontendni ishga tushirish kifoya; haqiqiy AI kiyim almashtirish kerak bo‘lganda esa Docker bulut modelini yoki ComfyUI mahalliy yechimini ehtiyojga ko‘ra tanlash mumkin. Loyiha MIT License asosida tarqatiladi va undan tijoriy foydalanish, o‘zgartirish, integratsiya qilish hamda tarqatishga ruxsat beriladi, biroq zarur litsenziya bayonotlarini saqlab qolish kerak. Shuningdek, galereyadagi barcha tasvirlar AI tomonidan yaratilgan konseptual kiyim dizaynlari bo‘lib, haqiqiy brend mahsulotlarining fotosuratlari emasligiga eʼtibor bering.