RIOT.JS - Configurazione dell'ambiente

Esistono due modi per utilizzare RIOT js.

  • Local Installation - Puoi scaricare la libreria RIOT sul tuo computer locale e includerla nel tuo codice HTML.

  • CDN Based Version - Puoi includere la libreria RIOT nel tuo codice HTML direttamente da Content Delivery Network (CDN).

Installazione locale

  • Vai al https://riot.js.org/download/ per scaricare l'ultima versione disponibile.

  • Ora metti scaricato riot.min.js file in una directory del tuo sito web, ad esempio / riotjs.

Esempio

Ora puoi includere la libreria riotjs nel tuo file HTML come segue:

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

Questo produrrà il seguente risultato:

Versione basata su CDN

Puoi includere la libreria RIOT js nel tuo codice HTML direttamente da Content Delivery Network (CDN). Google e Microsoft forniscono contenuti per la versione più recente.

Note - Stiamo utilizzando la versione CDNJS della libreria durante questo tutorial.

Esempio

Ora riscriviamo l'esempio sopra usando la libreria jQuery da 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>

Questo produrrà il seguente risultato: