// sdk · Webコンポーネント
AstroWay Webコンポーネント (alpha)
Natalホイール、月相、相性、タロット、星座占いを、どのサイトでも使えるシンプルなHTML要素として提供するよ。CDNからの<script>タグ1つかnpm installでOK。チャートはAPIと同じコードで描画するから、ページ上のホイールは/v1/renderの結果と一致する。Alpha: 属性名は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 19, Next.js
- SVGは/v1/renderと同じ
- 公開データにキー不要
- pk_キーにorigin, cap, scope
- 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コンポーネントを始める
月額10,000クレジットを無料で利用可能。Open-source SDKで、OpenAPI 3.1から自動生成され、常にバックエンドと同期しています。