शुरू करें

एक कार्यरत Lia एप्प कुछ मिनट में। एक पेज होस्ट करें, SDK लोड करें, Lia.init() और Lia.ready() कॉल करें, और इसे Lia में एक टेस्टर के रूप में खोलें।

#जिसकी आवश्यकता है

• एक वेब पेज https पर कोई भी फ्रेमवर्क, कहीं भी, जब तक कि यह'https के माध्यम से सेव किया गया। Lia केवल https पृष्ठ खोलता है।
• एक उपयोगकर्ता नाम के साथ Lia खाता। लोग एप्स खोलने के लिए एक उपयोगकर्ता नाम की आवश्यकता होती है, आपको भी इसकी आवश्यकता होती है।
• आपका एप्प Lia में जोड़ा गया। सभी Lia टीम आपके पृष्ठ के साथ इसे जोड़ती है'से पता और आपको विकासकर्ता बनाता है, ताकि आप इसे खोल सकें जब यह'में परीक्षण। देखें पहुंच प्राप्त करें.

#1. SDK लोड करें

SDK को Lia से लोड करें, एक कॉपी से नहीं। Lia इसे सेव करता है ताकि फिक्स सभी एप्स एक साथ प्राप्त कर सकें।

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <script src="https://api.lialabs.org/sdk/lia-apps-v1.js"></script>
  <style>
    body {
      margin: 0;
      font-family: system-ui, sans-serif;
      background: var(--lia-bg-color, #fff);
      color: var(--lia-text-color, #0b0b0f);
      padding-bottom: var(--lia-safe-area-inset-bottom, 0px);
    }
  </style>
</head>
<body>
  <main id="app">Opening…</main>
  <script src="app.js"></script>
</body>
</html>

डेमो SDK पृष्ठ पर एक वस्तु रखता है, window.Lia. Lia एप्स के बाहर यह अभी भी लोड होता है, लेकिन प्रत्येक कॉल एक कोड के साथ विफल हो जाता है not_in_lia, आप एक सामान्य ब्राउजर में एक दोस्तपूर्ण संदेश दिखा सकते हैं।

#2. नमस्ते कहें

कॉल Lia.init() उनका अनुसरण करें।'भाषा और थीम, और अधिक। जब आपका पृष्ठ बनाया जाता है, कॉल करें Lia.ready(): तब तक, Lia अपने एप पर अपना लोडर दिखाता है।

Lia.init().then(
  function (me) {
    // me.player.id is this person's id in your app; me.player.name is their Lia username.
    document.getElementById("app").textContent = "Hello, @" + me.player.name;
    Lia.ready();
  },
  function (error) {
    document.getElementById("app").textContent =
      error.code === "not_in_lia" ? "Open this app inside Lia." : "Something went wrong: " + error.code;
  }
);

अगर आप पसंद करते हैं async और await:

try {
  const me = await Lia.init();
  render(me);
  Lia.ready();
} catch (error) {
  if (error.code === "not_in_lia") showOpenInLia();
}

#3. इसे Lia में खोलें

जब आपका एप्स परीक्षण में होता है, तो केवल आप और Lia टीम द्वारा जोड़े गए परीक्षक इसे देख सकते हैं। Lia एप्स खोलें, एप्स सेंटर में जाएं, और अपने एप्स को खोलें। इसका हेडर कहता है परीक्षण आपके नाम के पास, और जो भी यह बेचता है उसकी कीमत झूठे $LIA के रूप में होती है।

#4. कुछ अलग आजमाएं

कुछ चीजें जो एक बार आजमाने के लिए हैं init() उत्तर दे चुका है:

// A toast in Lia's own style.
Lia.toast("Welcome in");

// A tap you can feel.
Lia.haptic("success");

// Lia's main button under your app.
Lia.mainButton.setText("Start").show().onClick(function () {
  Lia.mainButton.showProgress();
  startGame().finally(function () { Lia.mainButton.hide(); });
});

// Keep a best score and see the top 50.
Lia.submitScore(1280).then(function () { return Lia.leaderboard(); }).then(console.log);

#5. अपना सर्वर जोड़ें

कोई भी पुरस्कार जो महत्वपूर्ण है (लोगों द्वारा भुगतान किए गए वस्तुएं, $LIA जिसे आप बाहर निकालते हैं), आपके सर्वर को यह जांचना होता है कि पृष्ठ आपको क्या बताता है। यह पृष्ठ से एक सेशन टोकन प्राप्त करता है और इसे आपके गुप्त कुंजी के साथ सत्यापित करता है:

const res = await fetch("https://api.lialabs.org/api/apps/v1/session/verify", {
  method: "POST",
  headers: { Authorization: `Bearer ${process.env.LIA_KEY}`, "Content-Type": "application/json" },
  body: JSON.stringify({ session }),
});
const { valid, playerId } = await res.json();

अपने सर्वर पर पुष्टि करें इसके माध्यम से चरण दर चरण जाता है।

#अगला

• कैसे एप्प Lia में चलते हैं: फ्रेम, तीन दिखावा और आपके पृष्ठ द्वारा चलाए जाने वाले नियम।
• कोई वस्तु बेचें: Lia'के पेमेंट शीट, एंड-टू-एंड।
• SDK संदर्भ: सभी विधि, गुण और घटना।
• डेमो SDK पर https://api.lialabs.org/sdk/demo हर कॉल की कोशिश करता है। यह Lia में खुलता है, जब टीम Lia टीम इसमें जोड़ती है।

स्वचालित अनुवाद। अंग्रेजी सत्य का स्रोत है। अंग्रेजी में पढ़ें