Skip to main content

Configuration

info

The code below is an example of registration type, it is just to help you understand how it works

UMD from CDN​

In html insert the code below​

example.html
    <!-- Html element where will render -->
    <div id="rtas"></div>

    <!-- Import bundle -->
    <script src="https://cdn.securityside.com/packages/realtime-auth/rtas-ui/0.0.3/index.umd.js"></script>

    <!-- Implement bundle -->
    <script type="text/javascript">

      <!-- Implement the event where you want to run the script -->
      document.addEventListener('DOMContentLoaded', function () {
        const connection = new rtasui.RTASUI()
            .setUrl("https://rtas.example.url")
            .setToken("eyJhbGciOiJIUzI1NiIs....4ap76BW8KWv42GZqMuDNSauI77nZtU")
            .setTargetElement("#rtas")
            .setLanguage("PT_PT")
            .setOnErrorCallback((errorData) => console.log("OnError -> ", errorData))
            .setOnConnectionCloseCallback((error) => console.log("Connection Close"))
            .setRegistrationType()
            .setOnRegistrationPendingCallback((data) => console.log("OnRegistrationPending -> ", data))
            .setOnRegistrationExpiredCallback((data) => console.log("OnRegistrationExpired -> ", data))
            .setOnRegistrationSuccessCallback((data) => console.log("OnRegistrationSuccess -> ", data))
            .build();
      });
      
    </script>
  </body>
</html>

node modules​

example.js
const connection = new RTASUI()
    .setUrl("https://rtas.example.url")
    .setToken("eyJhbGciOiJIUzI1NiIs....4ap76BW8KWv42GZqMuDNSauI77nZtU")
    .setTargetElement("#rtas")
    .setLanguage("PT_PT")
    .setOnErrorCallback((errorData) => console.log("OnError -> ", errorData))
    .setOnConnectionCloseCallback((error) => console.log("Connection Close"))
    .setRegistrationType()
    .setOnRegistrationPendingCallback((data) => console.log("OnRegistrationPending -> ", data))
    .setOnRegistrationExpiredCallback((data) => console.log("OnRegistrationExpired -> ", data))
    .setOnRegistrationSuccessCallback((data) => console.log("OnRegistrationSuccess -> ", data))
    .build();