// sdk · Web Components
AstroWay web komponensek (alpha)
Születési horoszkóp, holdfázis, kompatibilitás, tarot és horoszkóp egyszerű HTML elemekként bármely weboldalhoz: egy <script> tag CDN-ről, vagy npm install. A diagramokat ugyanaz a kód rajzolja, mint az API, így az oldalon lévő kerék megegyezik azzal, amit a /v1/render visszaad. Alfa: az attribútumnevek még változhatnak 1.0 előtt.
// 01 / install
Telepítés
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: import '@astroway/ui';
Nézd meg a regisztrátumban → @astroway/ui
// 02 / highlights
Főbb jellemzők
- Egyszeré egyedi elemek: HTML, WordPress, Vue, Svelte, React 19, Next.js
- Ugyanaz az SVG, mint a /v1/render
- Nincs kulcs a nyilvános adatokhoz
- Egy pk_ kulcs eredetekkel, korláttal és hatókörrel
- 21 nyelv az API válaszokból
// 03 / first request
Első kérés
<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>Indulás Web Components-vel
10 000 credit ingyenesen havonta. Nyílt forráskódú SDK, generálva az OpenAPI 3.1-ből, mindig szinkronban a backenddel.