Comenzar

Inicio rápido

Copiar página

Una aplicación Lia funcional en unos minutos. Hostee una página, cargue el SDK, llame a Lia.init() y Lia.ready(), y ábralo en Lia como probador.

#Lo que necesita

Una página web en https. Cualquier framework, alojado en cualquier lugar, siempre que's servidos sobre https. Lia solo abre páginas https.
Una cuenta Lia con un nombre de usuario. Las personas necesitan un nombre de usuario para abrir aplicaciones, y tú también.
Tu app añadida a Lia. El equipo Lia lo agrega con tu página's dirección y te hace su desarrollador, así que puedes abrirla mientras que ella's en prueba. Vea Obtener acceso.

#1. Cargar el SDK

Carga el SDK desde Lia, no desde una copia. Lia lo sirve para que las correcciones lleguen a todas las aplicaciones a la vez.

index.html

<!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>

La demo de SDK coloca un objeto en la página, window.Lia. Fuera de la aplicación Lia todavía carga, pero cada llamada falla con el código not_in_lia, así que puede mostrar un mensaje amigable en un navegador normal.

#2. Saludar

Llamar Lia.init() primero. Responde con el jugador, un token de sesión para tu servidor, la persona's idioma y tema, y más. Cuando su página se dibuja, llame a Lia.ready(): hasta entonces, Lia muestra su propio cargador sobre tu app.

app.js

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

Si prefiere async y await:

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

#3. Ábrelo en Lia

Mientras tu app esté en prueba, solo tú y los probadores que el equipo Lia añadió pueden verla. Abre la app Lia, ve al Centro de Apps y abre tu app. Su encabezado dice Prueba junto a tu nombre, y cualquier cosa que venda cuesta pretend $LIA.

#4. Prueba algo

Algunas cosas que probar una vez init() ha respondido:

// 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. Agrega tu servidor

Para cualquier cosa que importe (artículos que la gente pagó, $LIA que tú pagues), tu servidor tiene que verificar lo que le dice la página. Recibe un token de sesión de la página y lo verifica con tu clave secreta:

server.js

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

Verifica en tu servidor lo atraviesa paso a paso.

#Siguiente

Cómo funcionan las aplicaciones en Lia: el marco, los tres aspectos y las reglas bajo las que se ejecuta tu página.
Vender un artículo: Lia'la nómina, de principio a fin.
SDK referencia: cada método, propiedad y evento.
La demo de SDK en https://api.lialabs.org/sdk/demo hace cada llamada. Se abre dentro de Lia para los testeadores que el equipo Lia le añade.

Traducido automáticamente. El inglés es la fuente de verdad. Leer en inglés