पैकेज
@lia-labs/sdk
पृष्ठ कॉपी करें
Lia SDK के लिए एप्स के साथ एक बिल्ड स्टेप। प्रत्येक विशेषता एक टाइप किए गए, ट्री-शेकेबल निर्यात के रूप में, जैसे ही स्क्रिप्ट टैग के साथ चेक और त्रुटि कोड हैं, और आप देख सकते हैं कि राज्य क्या है।
npm install @lia-labs/sdk#शुरू करें
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?) एक बार Lia कॉल करता है और उसी परिणाम के साथ जवाब देता है जैसा कि Lia.init(); इसे फिर से कॉल करने से पहले परिणाम मिलता है। यह भी:
- रखता है
--lia-*CSS चर आपके पृष्ठ पर वर्तमान (बंद करने के लिए{ cssVars: false }, या कॉलbindCssVars()खुद के साथ), - सेट करता है आपकी पृष्ठ's
langऔरdirव्यक्ति से'भाषा (बंद करने के लिए{ documentLanguage: false }), - रखता है SDK's राज्य वर्तमान Lia से'के घटनाएं।
#स्क्रिप्ट टैग से इम्पोर्ट्स तक
स्क्रिप्ट टैग पर सब कुछ's Lia यहां वस्तु एक नामित आउटपुट है, समान आर्गुमेंट्स, उत्तर और त्रुटि कोड के साथ। केवल आपके द्वारा उपयोग किए जाने वाले चीजों को आयात करें; अन्य सब कुछ आपके बंडल से बाहर छोड़ दिया जाता है।
| स्क्रिप्ट टैग | @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) और इसके शॉर्टकट, 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); भी holdBanner(position), जो कि फ़ंक्शन वापस लेने तक एक ही रहता है |
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 | एक ही नाम |
Lia.expand(), Lia.requestFullscreen(), Lia.exitFullscreen() | एक ही नाम |
Lia.enableExpand() … Lia.disableClosingConfirmation() | एक ही नाम |
Lia.setBackgroundColor(c), Lia.setHeaderColor(c) | एक ही नाम |
Lia.mainButton, Lia.secondaryButton, Lia.backButton, Lia.settingsButton | mainButton, secondaryButton, backButton, settingsButton |
Lia.haptic, Lia.scanQr, Lia.copyText, Lia.readClipboard, Lia.openLink, Lia.openLiaLink | एक ही नाम |
Lia.submitScore, Lia.leaderboard | एक ही नाम |
Lia.cloudStorage, Lia.deviceStorage, Lia.secureStorage, Lia.biometric | एक ही नाम |
Lia.accelerometer, Lia.gyroscope, Lia.deviceOrientation | एक ही नाम, साथ में reading और isStarted देखने के लिए |
Lia.on(event, fn), Lia.off, Lia.onPause, Lia.onResume | on(event, fn), off, once, onAny, onPause, onResume |
Lia.language, Lia.theme, Lia.viewport और अन्य संपत्तियां | language.get(), themeParams.get(), viewport.get() और बाकी |
हर विधि'अपने तर्क, उत्तर और त्रुटियां हैं SDK संदर्भ.
#देखने की स्थिति
import { colorScheme, language, viewport } from '@lia-labs/sdk';
language.get(); // "en"
const stop = colorScheme.subscribe((scheme, previous) => repaint(scheme));
viewport.subscribe(({ height }) => resizeCanvas(height));एक सुनने वाला केवल बदलाव सुनता है (कभी-कभी सब्सक्राइब पर नहीं) और subscribe इसका अपना स्टॉप फ़ंक्शन वापस करता है। आप अपना बना सकते हैं signal(initial) और computed(sources, fn).
#बटन
बटन स्क्रिप्ट टैग के समान काम करते हैं, और आपको अपनी स्थिति भी बताते हैं:
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 नाम लेता है: text, color, textColor, isVisible, isActive, isProgressVisible, hasShineEffect, position. onClick एक फ़ंक्शन वापस करता है जो सुनना बंद कर देता है। backButton.isVisible और settingsButton.isVisible इसे भी देखा जा सकता है।
अपने पृष्ठ के कुछ हिस्से के लिए केवल बटन दिखाने के लिए, controlBottomButton(button, options) और controlHeaderButton(button, onClick) आपको देता है update(…) और dispose() (डिस्पोज़ इसे छिपा देता है)। फ्रेमवर्क पैकेज इनका उपयोग करते हैं।
#त्रुटियां
हर विफलता एक है LiaError साथ में एक code, जैसे कि स्क्रिप्ट टैग. isLiaError(error, 'cancelled') एक जांचता है।
import { isLiaError, pay } from '@lia-labs/sdk';
try {
await pay('extra-lives', { idempotencyKey: orderId });
} catch (error) {
if (isLiaError(error, 'cancelled')) return;
throw error;
}कुछ भी Lia तक नहीं पहुंचता है, और उन जांचों के बाद वे वादा अस्वीकृत कर देते हैं (या कुछ कॉल के लिए फेंक देते हैं जो नहीं होते हैं'एक वापसी करें)।
#बंडलर के बिना
पैकेज में एक स्क्रिप्ट बिल्ड भी होती है जो सब कुछ पर रखती है window.liaSdk:
<script src="https://unpkg.com/@lia-labs/sdk/dist/index.global.js"></script>
<script>
liaSdk.init().then(function (me) { liaSdk.ready(); });
</script>इसका उपयोग करें या मूल स्क्रिप्ट टैग, दोनों के साथ नहीं।
#TypeScript
सभी चीजें टाइप की गई हैं, शामिल हर विधि'आपके पैरामीटर और उत्तर, और हर घटना'के डेटा (Methods, Events, InitResult, ThemeParams, Charge, AdResult और बाकी निर्यात कर दिए गए हैं।
स्वचालित अनुवाद। अंग्रेजी सत्य का स्रोत है। अंग्रेजी में पढ़ें