// sdk · Web Components
AstroWay web components (alpha)
네이탈 휠, 달 단계, 궁합, 타로와 별자리를 일반 HTML 요소로 어떤 사이트든 사용할 수 있어: CDN에서 <script> 하나만 넣거나 npm install 하면 돼. 차트는 API와 같은 코드로 그려서 페이지의 휠이 /v1/render가 반환하는 것과 일치해. 알파: 속성 이름은 1.0 전에 바뀔 수 있어.
// 01 / install
설치
npm install @astroway/ui@alpha pnpm
pnpm add @astroway/ui yarn
yarn add @astroway/ui CDN
<script type="module" src="https://cdn.jsdelivr.net/npm/@astroway/ui/dist/cdn/index.js"></script> 가져오기: import '@astroway/ui';
레지스트리 보기 → @astroway/ui
// 02 / highlights
특징
- HTML·WordPress·Vue·Svelte·React·Next.js
- /v1/render와 동일 SVG
- 공개 데이터 키 없음
- pk_ 키에 출처·캡·스코프 포함
- API 응답에 21개 언어
// 03 / first request
첫 요청
<script type="module" src="https://cdn.jsdelivr.net/npm/@astroway/ui/dist/cdn/index.js"></script>
<!-- keyless: the moon phase in the visitor's language -->
<aw-moon-phase lang="uk"></aw-moon-phase>
<!-- a publishable pk_ key bound to your domain, credit cap and endpoint list -->
<aw-natal-wheel api-key="pk_live_..." date="1990-07-14" time="14:30"
latitude="50.45" longitude="30.52" timezone-offset="3"></aw-natal-wheel>Web Components 시작하기
월 10,000 크레딧 무료. Open-source SDK로, OpenAPI 3.1에서 생성되며 백엔드와 항상 동기화됩니다.