안정적 확산 웹UI: 이미지 생성 API 도구의 프런트엔드 구성 캡슐화

일반 소개

이 프로젝트는 설정을 통해 Stable Diffusion WebUI에서 제공하는 API를 호출하는 순수 프런트엔드 프로젝트로, Gradio 프레임워크의 프런트엔드 및 백엔드 확장 문제를 해결하고 보다 유연한 프런트엔드 솔루션을 제공하는 것을 목표로 합니다. 사용자는 프로젝트를 사용하여 생성 된 이미지의 매개 변수를 저장하고 워크 플로우 또는 기록을 쉽게 수정할 수 있습니다. 프로젝트 오픈 소스, 더 많은 기여를 장려합니다.

기능 목록

• 안정적 확산 웹UI에서 제공하는 API 호출하기
• 사용자 생성 이미지에 대한 매개변수 저장
• 유연한 프런트엔드 구성 제공
• 원격 서버 시작을 지원하는 안정적인 배포 웹UI
• npm을 통해 프로젝트 설치 및 시작

도움말 사용

설치 프로세스

1. 안정적인 배포 웹UI 프로젝트 시작::
   • 이 작업을 수행하는 방법에 대한 자세한 내용은 다음을 참조하세요. 안정적인 확산 웹UI 프로젝트.
   • 시작 매개 변수를 가져와야 합니다. --api기본값은 포트 7861에서 API 서비스를 제공하는 것입니다.
   • 원격 서버에서 실행되는 안정적인 확산 웹UI를 사용하여 구성 화면에서 올바른 URL을 입력하는 것도 가능합니다.
2. Antd 안정 배포 웹UI 설치하기::
   • 프로젝트 웨어하우스 복제:git clone https://github.com/jinchanz/antd-stable-diffusion-webui.git
   • 프로젝트 카탈로그로 이동합니다:cd antd-stable-diffusion-webui
   • 종속성을 설치합니다:npm install
   • 프로젝트 시작하기:npm start

사용 프로세스

1. API 구성::
   • 브라우저 액세스 http://127.0.0.1:3000.
   • 구성 화면에 액세스 가능한 올바른 Stable Diffusion WebUI API 주소를 입력합니다.
2. 이미지 생성::
   • 이미지 생성 매개변수는 프런트엔드 인터페이스를 통해 입력합니다.
   • API를 호출하여 이미지를 생성하고 매개변수를 저장합니다.
3. 기록 보기::
   • 인터페이스에서 생성된 이미지와 해당 매개변수를 보고 관리합니다.

세부 단계

1. 안정적인 배포 웹UI 시작::
   • Stable Diffusion WebUI 프로젝트를 다운로드하여 설치하고, 시작 매개 변수가 다음과 같이 설정되어 있는지 확인합니다. --api.
   • API 서비스가 시작되면 기본적으로 포트 7861에서 실행됩니다.
2. Antd 안정적 배포 웹UI 구성하기::
   • Antd Stable Diffusion WebUI 프로젝트를 복제하고 종속 요소를 설치합니다.
   • 프로젝트를 시작한 후 브라우저는 프로젝트의 http://127.0.0.1:3000.
   • 구성 화면에서 Stable Diffusion WebUI의 API 주소를 입력합니다.
3. 프런트엔드 인터페이스를 사용하여 이미지 생성하기::
   • 텍스트 설명, 스타일 옵션 등과 같은 이미지 생성 매개변수를 입력합니다.
   • API를 호출하여 이미지를 생성하고 생성된 파라미터를 저장하여 나중에 보고 관리할 수 있습니다.
4. 생성된 이미지 관리::
   • 프런트엔드 인터페이스에서 생성된 이미지와 해당 매개변수를 확인합니다.
   • 고정 워크플로 또는 기록 백트래킹을 지원하므로 동일한 매개변수를 반복적으로 사용하여 이미지를 생성할 수 있습니다.

위의 단계를 통해 사용자는 Antd Stable Diffusion WebUI로 이미지를 쉽게 생성하고 관리하여 유연한 프론트엔드 구성과 편리한 운영 환경을 즐길 수 있습니다.

사용법

먼저 Stable Diffusion 웹 UI 프로젝트를 시작해야 하며, 자세한 내용은 https://github.com/AUTOMATIC1111/stable-diffusion-webui 을 참고하세요. 시작 파라미터는 --api로 설정해야 기본적으로 포트 7861에서 API 서비스가 제공된다는 점에 유의하세요. 물론 원격 서버에서 시작한 Stable Diffusion 웹 UI를 사용할 수도 있으며, 아래 설정 화면에서 올바른 URL을 입력하면 됩니다.

프로젝트 시작

$ npm 설치

$ npm 시작

API 구성

브라우저 방문 http://127.0.0.1:3000 액세스 가능한 올바른 Stable Diffusion 웹 UI API 주소를 입력합니다: