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>
);
앱라이팅을 시작하세요!!!
의심스러운 점을 읽으십시오.
Reference
이 문제에 관하여(Appwrite의 Avatar API 지원), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/pretty19/avatar-api-support-in-appwrite-fc1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)