connect keycloak.js with port in Elm Land project

Facts and Logic answered on May 10, 2022 Popularity 1/10 Helpfulness 1/10

answer connect keycloak.js with port in Elm Land project

related expressjs

connect keycloak.js with port in Elm Land project

Comment

import Keycloak from 'keycloak-js';

var keycloak = new Keycloak({
    url: 'http://auth.mydoctor:8080',
    realm: 'mydoctor-demo',
    clientId: 'mydoctor-elm',
});


// This is called BEFORE your Elm app starts up
// 
// The value returned here will be passed as flags 
// into your `Shared.init` function.
export const flags = ({ env }) => {
}

// This is called AFTER your Elm app starts up
//
// Here you can work with `app.ports` to send messages
// to your Elm application, or subscribe to incoming
// messages from Elm
export const onReady = ({ app, env }) => {

    // Initialize Keycloak
    keycloak
    .init({
        onLoad: 'check-sso',
        silentCheckSsoRedirectUri:
            window.location.origin + '/assets/silent-check-sso.html'
    })
    .then(function (result) {
        if (keycloak.authenticated) {
            app.ports.onLoginSuccess.send(keycloak.token);
        }
    });

    if (app.ports && app.ports.login && app.ports.logout) {

        app.ports.login.subscribe( () => {
            keycloak
            .login()
            .then(function () {
                if (keycloak.authenticated) {
                    app.ports.onLoginSuccess.send(keycloak.token);
                }
            })
            .catch(function () {
                console.error('Failed to login Keycloak');
            });
        })

        app.ports.logout.subscribe( () => {
            console.log("Call logout()");
            keycloak
            .logout()
            .then(function () {
                console.log("After logout: " + keycloak.authenticated);
            })
            .catch(function (err) {
                console.error('Failed to logout Keycloak');
                console.error(err);
            });
        })
    }
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: dev.to

Tags: connect elm javascript port project

Link to this answer
Share Copy Link

Contributed on Sep 30 2024

Facts and Logic

0 Answers Avg Quality 2/10

Closely Related Answers

expressjs

Comment

app.get('/', function (req, res) {
  res.send('Hello World!');
});

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: expressjs.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 19 2024

Murtin

0 Answers Avg Quality 2/10

expressjs

Comment

Express is a minimal and flexible Node.js web 
application framework that provides a robust set 
of features for web and mobile applications.

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 10 2022

Jonathan Felicity

0 Answers Avg Quality 2/10

connect keycloak.js with port in Elm Land project

Contents

More Related Answers