RIOT.JS - Configuración del entorno

Hay dos formas de utilizar RIOT js.

  • Local Installation - Puede descargar la biblioteca RIOT en su máquina local e incluirla en su código HTML.

  • CDN Based Version - Puede incluir la biblioteca RIOT en su código HTML directamente desde Content Delivery Network (CDN).

Instalación local

  • Ve a la https://riot.js.org/download/ para descargar la última versión disponible.

  • Ahora pon descargado riot.min.js archivo en un directorio de su sitio web, por ejemplo, / riotjs.

Ejemplo

Ahora puede incluir la biblioteca riotjs en su archivo HTML de la siguiente manera:

<!DOCTYPE html>
<html>
   <head>
      <script src = "/riotjs/riot.min.js"></script>
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
   </head>
   <body>
      <messageTag></messageTag>
      <script>
         var tagHtml = "<h1>Hello World!</h1>";
         riot.tag("messageTag", tagHtml);
         riot.mount("messageTag");
      </script>
   </body>
</html>

Esto producirá el siguiente resultado:

Versión basada en CDN

Puede incluir la biblioteca js de RIOT en su código HTML directamente desde Content Delivery Network (CDN). Google y Microsoft ofrecen entrega de contenido para la última versión.

Note - Estamos usando la versión CDNJS de la biblioteca a lo largo de este tutorial.

Ejemplo

Ahora reescribamos el ejemplo anterior usando la biblioteca jQuery de CDNJS.

<!DOCTYPE html>
<html>
   <head>
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/riot/3.13.2/riot+compiler.min.js"></script>
   </head>
   <body>
      <messageTag></messageTag>
      <script>
         var tagHtml = "<h1>Hello World!</h1>";
         riot.tag("messageTag", tagHtml);
         riot.mount("messageTag");
      </script>
   </body>
</html>

Esto producirá el siguiente resultado: