Appwrite의 Avatar API 지원



Appwrite는 핵심 백엔드 요구 사항을 위한 일련의 REST API, 도구, 관리 콘솔 UI를 제공하는 놀라운 솔루션을 제공합니다.

아직 직접 사용해보지 않았다면 AppWrite
부끄러워하지 말고 가세요...

당신은 당신의 서비스를 돋보이게 만들고 싶습니까?




Icon 지원을 위해 여러 패키지를 가져오는 데 지치셨습니까?




당신은 당신의 삶을 조금 더 쉽게 만들고 싶습니까?





이미지, 아이콘, 아바타로 Appwrite 앱을 향상시키세요...

결제 방법 로고 추가, 원하는 국기 가져오기 및 QR 코드 생성이 원하는 모든 것입니다.

음식 배달 서비스, 언어 학습 앱, 핀테크 앱 등 작은 추가 기능이 있으면 훨씬 쉬워집니다.


Appwrite의 Avatar API를 어떻게 사용할 수 있습니까?


  • 끝점을 가져올 서비스 클래스를 만듭니다. 우리의 경우 아바타와 메서드 내에서 액세스할 수 있는 생성자를 만듭니다.

  • class AppwriteService {
    constructor() {   
    appwrite.setEndpoint(Server.endpoint).setProject(Server.project);
        this.avatars= appwrite.avatars;
      }    
    

    2. Avatar API 아래에 있는 getCreditCard 메서드에 액세스하고 메서드가 작동하도록 필수 속성인 카드 이름을 전달합니다.
    선택적 속성에는 너비, 높이, 품질이 포함됩니다.

     createCreditAvatar =(cardname) =>{
        return this.avatars.getCreditCard(cardname);
      }
    


    3.아바타를 추가하려는 파일에서 Created 메서드를 호출합니다. 이전에 설정된 속성에 값을 전달하는 것을 잊지 마십시오.
    예: amex, argencard, cabal, censosud, diners, discover, elo, hipercard, jcb, mastercard, naranja, targeta-shopping, union-china-pay, visa, mir, maestro

      let creditcard = appwrite.createCreditAvatar('amex');
      console.log(creditcard);
    


    4. 프로젝트의 반환 섹션에서 이미지 태그 내부의 구성 요소를 호출하여 아이콘을 봅니다.

       return(
        <div >
          <img src={creditcard} />
        </div>
       );
    


    5. 짜잔!! UI에 아이콘이 표시됩니다.


    몇 가지 다른 예 시작하려면:




    createFlagAvatar =(flagname) =>{
        return this.avatars.getFlag(flagname);
      }
      createQrAvatar =(text,size) =>{
        return this.avatars.getQR(text,size);
      }
    



    let flagname = appwrite.createFlagAvatar('IN');
    let  qrcode  = appwrite.createQrAvatar('FinTechApp',100);
    
    console.log(flagname);
    console.log(qrcode);
       return(
        <div >
          <img src={flagname} />
          <br/>
          <img src={qrcode} />
          <br/>
        </div>
       );
    


    앱라이팅을 시작하세요!!!


    의심스러운 점을 읽으십시오.

    좋은 웹페이지 즐겨찾기