Paketler

@lia-labs/sdk

Sayfayı kopyala

The Lia SDK inşaat adımı olan uygulamalar için. Her özellik, türlü, ağaç kesilebilir bir dışa aktarılmış, aynı kontrol ve hata kodları ile script etiketi, ve izleyebileceğiniz bir durum.

npm install @lia-labs/sdk

#Başla

import { init, isLia, mockLia, ready } from '@lia-labs/sdk';

if (!isLia()) mockLia(); // building in a desktop browser

const me = await init();
render(me);
ready();

init(options?) sadece Lia'a bir kez çağrılır ve aynı sonucu döndürür Lia.init(); tekrar çağırıldığında ilk sonucu döndürür. Ayrıca:

tutuyor --lia-* CSS değişkenleri sayfanızda (kapatmak için { cssVars: false }, veya çağır bindCssVars() kendiniz),
sayfanızı ayarlar's lang ve dir kişiye göre's dili (kapatmak için { documentLanguage: false }),
tutuyor SDK's durum şu an Lia'olaylar.

#Betik etiketinden içe aktarmalara

Komut dosyası etiketindeki her şey's Lia nesne burada isimli bir dışa aktarımdır, aynı argümanlar, cevaplar ve hata kodları ile. Sadece kullandığınız şeyi içe aktarın; diğerleri paketinizden çıkarılır.

Betik etiketi	@lia-labs/sdk
`Lia.init()`, `Lia.ready()`, `Lia.session()`, `Lia.close()`	`init()`, `ready()`, `session()`, `close()`
`Lia.pay(id, opts)`, `Lia.charges()`, `Lia.onCharge(fn)`	`pay(id, opts)`, `charges()`, `onCharge(fn)`
`Lia.showAd(opts)` ve kısa yolları, `Lia.onAd(fn)`	`showAd(opts)`, `showRewardedAd()`, `showRewardedInterstitialAd()`, `showInterstitialAd()`, `onAd(fn)`
`Lia.showBanner(opts)`, `Lia.hideBanner()`, `Lia.banner`, `Lia.onBanner(fn)`, `Lia.showNativeAd(opts)`, `Lia.hideNativeAd()`, `Lia.nativeAd`, `Lia.onNativeAd(fn)`	`showBanner(opts)`, `hideBanner()`, `banner`, `onBanner(fn)`, `showNativeAd(opts)`, `hideNativeAd()`, `nativeAd`, `onNativeAd(fn)`; ayrıca `holdBanner(position)`, fonksiyonu çağrılana kadar bir tane gösterir
`Lia.requestNotifications()`	`requestNotifications()`
`Lia.inviteFriend(opts)`, `Lia.inviteLink(p)`, `Lia.share(text)`	`inviteFriend(opts)`, `inviteLink(p)`, `share(text)`
`Lia.confirm`, `Lia.showPopup`, `Lia.showAlert`, `Lia.showConfirm`, `Lia.toast`	Aynı isimler
`Lia.expand()`, `Lia.requestFullscreen()`, `Lia.exitFullscreen()`	Aynı isimler
`Lia.enableExpand()` … `Lia.disableClosingConfirmation()`	Aynı isimler
`Lia.setBackgroundColor(c)`, `Lia.setHeaderColor(c)`	Aynı isimler
`Lia.mainButton`, `Lia.secondaryButton`, `Lia.backButton`, `Lia.settingsButton`	`mainButton`, `secondaryButton`, `backButton`, `settingsButton`
`Lia.haptic`, `Lia.scanQr`, `Lia.copyText`, `Lia.readClipboard`, `Lia.openLink`, `Lia.openLiaLink`	Aynı isimler
`Lia.submitScore`, `Lia.leaderboard`	Aynı isimler
`Lia.cloudStorage`, `Lia.deviceStorage`, `Lia.secureStorage`, `Lia.biometric`	Aynı isimler
`Lia.accelerometer`, `Lia.gyroscope`, `Lia.deviceOrientation`	Aynı isimler, ile `reading` ve `isStarted` izlemek için
`Lia.on(event, fn)`, `Lia.off`, `Lia.onPause`, `Lia.onResume`	`on(event, fn)`, `off`, `once`, `onAny`, `onPause`, `onResume`
`Lia.language`, `Lia.theme`, `Lia.viewport` ve diğer özellikleri	`language.get()`, `themeParams.get()`, `viewport.get()` ve kalanlar

Her yöntem'u argümanları, cevapları ve hataları SDK referansı.

#Gözlem durumu

import { colorScheme, language, viewport } from '@lia-labs/sdk';

language.get(); // "en"
const stop = colorScheme.subscribe((scheme, previous) => repaint(scheme));
viewport.subscribe(({ height }) => resizeCanvas(height));

Bir dinleyici değişiklikleri sadece (abone olurken değil) duyar ve subscribe kendi durdurma fonksiyonunu döndürür. Kendiniz için yapabilirsiniz signal(initial) ve computed(sources, fn).

#Düğmeler

Düğmeler, betimleme etiketi gibi çalışır ve durumlarını da size bildirir:

import { mainButton } from '@lia-labs/sdk';

mainButton.setParams({ text: 'Buy for 5 LIA', isVisible: true });
const stop = mainButton.onClick(buy);
mainButton.state.subscribe((s) => console.log(s.isProgressVisible));

setParams camelCase isimlerini alır: text, color, textColor, isVisible, isActive, isProgressVisible, hasShineEffect, position. onClick dinlemeyi durduran bir fonksiyon döndürür. backButton.isVisible ve settingsButton.isVisible izlenebilir olabilir.

Sayfanızın bir kısmının ekran üzerinde görünürken yalnızca bir düğme göstermek için, controlBottomButton(button, options) ve controlHeaderButton(button, onClick) seni update(…) ve dispose() (gizlenir). Çerçeve paketleri bunları kullanır.

#Hatalar

Her başarısızlık bir LiaError ile code, aynı kodlarla script etiketi. isLiaError(error, 'cancelled') birini kontrol eder.

import { isLiaError, pay } from '@lia-labs/sdk';

try {
  await pay('extra-lives', { idempotencyKey: orderId });
} catch (error) {
  if (isLiaError(error, 'cancelled')) return;
  throw error;
}

Herhangi bir şey Lia'a ulaşmadan önce argümanlar kontrol edilir ve bu kontroller, vaadi reddeder (veya az sayıda çağrı için atar, çünkü bunlar işe yaramaz)'bir tane döndürür).

#Bir paketleyici olmadan

Paket ayrıca, her şeyi yerleştiren bir betik derlemesi de vardır window.liaSdk:

<script src="https://unpkg.com/@lia-labs/sdk/dist/index.global.js"></script>
<script>
  liaSdk.init().then(function (me) { liaSdk.ready(); });
</script>

Sayfada bu veya orijinal betik etiketini kullanın, ikisini birden kullanmayın.

#TypeScript

Her şey türlüdür, her yöntem dahil'parametreleriniz ve cevaplar, her olay'veri (Methods, Events, InitResult, ThemeParams, Charge, AdResult ve kalanlar).

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