Carga de SDK

Para integrar correctamente nuestro SDK en tu aplicación, es necesario incluir el siguiente bloque de código en la base de tu aplicación host. Por favor, inserta el siguiente script en la sección adecuada de tu código:

html

<script src="https://cdn-sandbox.milio.com.co/sdk-checkin/sdk-milio-widget.js"></script>

Si estás trabajando con algún framework como Angular, React o Vue, este script debe ser colocado en un lugar específico para asegurar una integración óptima.

Generalmente, se recomienda insertarlo dentro de tu archivo principal, como parte del proceso de bootstrapping de la aplicación. Esto garantiza que el SDK se cargue y esté disponible en toda la aplicación desde el inicio.

Ejemplo:

Angular

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  ngOnInit(): void {
    this.loadScript();
  }

  loadScript() {
    const scriptElement = document.createElement('script');
    scriptElement.type = 'text/javascript';
    scriptElement.async = true;
    scriptElement.src = 'https://cdn-sandbox.milio.com.co/sdk-checkin/sdk-milio-widget.js';
    document.getElementsByTagName('head')[0].appendChild(scriptElement);
  }
}

React

import React, { useEffect } from 'react';

function App() {
  useEffect(() => {
    const scriptElement = document.createElement('script');
    scriptElement.src = 'https://cdn-sandbox.milio.com.co/sdk-checkin/sdk-milio-widget.js';
    scriptElement.async = true;

    document.body.appendChild(scriptElement);

    return () => {
      document.body.removeChild(scriptElement);
    };
  }, []);

  return (
    <div className="App">
      {/* Contenido de tu app */}
    </div>
  );
}

export default App;

Vue

<template>
  <div id="app">
    <!-- Contenido de tu app -->
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    const scriptElement = document.createElement('script');
    scriptElement.type = 'text/javascript';
    scriptElement.async = true;
    scriptElement.src = 'https://cdn-sandbox.milio.com.co/sdk-checkin/sdk-milio-widget.js';
    document.head.appendChild(scriptElement);
  }
};
</script>

<style>
/* Tus estilos */
</style>