LiaGeliştiriciler

Paketler

The Lia SDK npm paketleri olarak. Bir tür köprü, ağaç kesilebilir SDK, ve React, Preact, Vue, Svelte, Solid, Angular ve web bileşenleri için bağlamalar.

The script etiketi en hızlı yoldur. Uygulamanızın bir derleme adımı varsa, npm paketleri, SDK'a aynı TypeScript türleriyle, ağaç kesme yapabileceğiniz içe aktarmalar, framework'ünüze uygun durumlar ve uygulamanın dışında inşa etmek için sahte bir Lia sunar.

#İşte hangi paket

Paketİçin kullan
@lia-labs/sdkBir paketleyiciye sahip her uygulama, framework ile veya olmadan.
@lia-labs/sdk-reactReact: hook'lar gibi useInit, useMainButton, useBackButton.
@lia-labs/sdk-preactPreact: aynı hook'lar.
@lia-labs/sdk-vueVue 3: refs döndüren composable'lar.
@lia-labs/sdk-svelteSvelte 4 ve 5: depolamalar.
@lia-labs/sdk-solidKatı: erişimciler ve create* temel unsurlar.
@lia-labs/sdk-angularAçısal 17 ve sonraki: inject* fonksiyonlar ve sinyaller.
@lia-labs/elementsHerhangi bir sayfa, framework olmadan: <lia-main-button> ve arkadaşlar.
@lia-labs/bridgeDüşük seviye mesajlar, kendi katmanınızı inşa etmek için.

Her framework paketi, tamamını SDK yeniden dışa aktarır, bu yüzden tek bir içe aktarma yeterlidir:

npm install @lia-labs/sdk @lia-labs/sdk-react
import { pay, useInit, useMainButton } from '@lia-labs/sdk-react';

#Nasıl uyduruldu

  1. @lia-labs/bridgeLia'nın çerçevesi mesajları, yazıldı: request('pay', { productId }), on('theme', …). Ve mockLia(), masaüstü tarayıcısında inşa etmek için sahte bir Lia.
  2. @lia-labs/sdkHer özellik adlandırılmış bir dışa aktarımdır (init, pay, mainButton, cloudStorage…), aynı kontrol ve hata kodlarıyla betik etiketi gibi. Durumu (tema, dil, görünüm alanı…) küçük gözlemlenebilir değerler kümesidir.
  3. Çerçeve paketleriİnce: bu değerleri hook'lar, refs, mağazalar veya sinyaller haline getirir ve Lia'ın düğmelerini bileşenlerinize bağlar, takılı iken gösterilir ve sonra gizlenir.

#Gözlemleyebileceğiniz durum

SDK's durumu, bir dizi Readable değerler: get() şimdi bir tane okur ve subscribe(listener) her değişikliği duy (yeni ve eski değerle birlikte) ve dinlemeyi durdurmak için bir fonksiyon döndürür. Lia'dan güncellenirler'sonra olaylar init().

DeğerTür
player{ id, name } veya null önce init()
mode"test", "live" veya null
language, rtlKişi's dili Lia'da, ve sağdan sola okunup okunmadığı
colorScheme, themeParams"light" veya "dark", ve Lia'u renkler
viewport{ height, expanded }
safeArea, contentSafeArea{ top, bottom, left, right } px içinde
display, isFullscreenUygulamanın nasıl açıldığını ve onun'kenar kenara
startParamAçılış sırasında neyle açıldı, açıkken güncel tutuldu
soundOn, notificationsAllowed, notificationsAvailableKişi'u seçimler
initializedİşte init() yanıtladı

Her framework paketi, her biri için eşleşen bir hook, bileşen, mağaza veya sinyal içerir.

#Script etiketi hala çalışır

https://api.lialabs.org/sdk/lia-apps-v1.js (global Lia) değişmeden kalır. Bunlardan birini kullanın veya sayfadaki paketleri, ikisini birden kullanmayın: ikisi de Lia dinler's aynı kanalda cevaplar, ikincisi yüklenen ilk olabilir't.

#Sürüm

Paketler SDK 1.9.0. A Lia uygulama daha eski bir özelliğe yanıt söylüyor unknown_method; bakın değişiklik günlüğü.

Otomatik çeviri. İngilizce, doğru kaynaktır. İngilizce olarak oku

Her sayfa, yöntem ve uç noktayı aramak için yazın.