Başlayın

Birkaç dakika içinde çalışır Lia uygulaması. Bir sayfa barındırın, SDK yükleme, Lia.init() ve Lia.ready() çağrısı yapın ve Lia içinde bir testçi olarak açın.

#Ne ihtiyacınız var

• https üzerinde bir web sayfası Herhangi bir framework, herhangi bir yerde, ancak'https üzerinden sunulur. Lia sadece https sayfalarını açar.
• Bir Lia hesabı bir kullanıcı adı ile. Uygulamaları açmak için bir kullanıcı adına ihtiyaçları vardır, sizde aynı şekilde.
• Senin uygulaman Lia'a eklendi. Lia ekibi sayfanızla birlikte ekler's adres ve geliştirici yapar, bu yüzden onu açabilirsiniz ve o zaman's test modunda. Bkz. Erişim edin.

#1. SDK yükle

SDK'u Lia'den yükle, kopyadan değil. Lia, tüm uygulamalara aynı anda güncellemelerin ulaşmasını sağlar.

<!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 sayfaya bir nesne koyar, window.Lia. Lia uygulaması dışında hala yüklenir, ancak her çağrı koduyla başarısız olur not_in_lia, normal bir tarayıcıda dostça bir mesaj göstermenize olanak tanır.

#2. Selam verin

Çağrı Lia.init() ilk. Oyuncuyu, sunucunuz için bir oturum token'ı, kişiyle ilgili cevap verir's dili ve teması, daha fazlası. Sayfanız çizildiğinde, çağırın Lia.ready(): o zamana kadar, Lia uygulamanızın üzerine kendi yükleyicisini gösterir.

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;
  }
);

Eğer tercih ediyorsanız async ve await:

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

#3. Lia içinde açın

İşte uygulamanız test modunda olduğunda, yalnızca Lia ekibi eklediği geliştirici ve test kullanıcıları görebilir. Lia uygulamasını açın, Uygulamalar Merkezi'ne gidin ve uygulamanızı açın. Başlığı şunu söylüyor Test isminizin yanında, ve satmakta olduğu her şeyin fiyatı sahte $LIA olur.

#4. Bir şey deneyin

Birkaç şey denemek için init() yanıtladı:

// 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. Sunucunuzu ekleyin

Önemli her şey (insanların ödediği eşyalar, $LIA ödediğiniz şey) için sunucunuz, sayfanın size söylediklerini kontrol etmelidir. Sayfadan bir oturum belirteci alır ve sır anahtarınızla doğrular:

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();

Sunucunuzda doğrulayın adım adım geçer.

#İleri

• Lia'da uygulamalar nasıl çalışır: çerçeve, üç görünüm ve sayfanızın çalıştığı kurallar.
• Bir eşya sat: Lia'ödeme sayfası, uçtan uca.
• SDK referansı: her yöntem, özellik ve olay.
• SDK demo da https://api.lialabs.org/sdk/demo her çağrıda deneyimler. Lia içinde testçiler için Lia ekibi ona ekler.

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