Historique de la page

Sommaire

Paramétrage

Le connecteur CMS a été pensé de manière à pouvoir s'interfacer avec plusieurs CMS. Actuellement, 2 modules permettent de communiquer avec Wordpress et Directus.

La configuration du CMS qui sera utilisé se fait au niveau du fichier .env

Bloc de code

language	yaml

# CMS TO USE : directus | wordpress
DEFAULT_CMS=

# DIRECTUS
#DIRECTUS_API_URL=xxx
#DIRECTUS_API_TOKEN=xxx
#DIRECTUS_API_TIMEOUT=5000
# WORDPRESS
#WORDPRESS_API_URL=xxx
#WORDPRESS_API_USERNAME=xxx
#WORDPRESS_API_PASSWORD=xxx
#WORDPRESS_API_TIMEOUT=5000

Dans DEFAULT_CMS indiquez le CMS souhaité, puis dé-commentez les lignes de conf propres au CMS choisi.

Sécurité

Le connecteur requiert une authentification JWT HS256 de la part du backend de Multi.

Définir une clé JWT privée dans le fichier .env au niveau de l'attribut TOKEN_SECRET, puis générez un bearer token à partir de cette clé.
Ce bearer token sera ensuite à placer dans le fichier .env des microservices nécessitant un accès aux données du CMS au niveau de la variable se terminant par _SERVICE_CMS_CONNECTOR_API_BEARER_TOKEN (ex: auth, contact-us, features, important-news, ...)

Info

Il est tout à fait possible de générer un bearer token différent par microservice. Ce qui pourrait permettre d'identifier plus tard dans les logs du connecteur quel microservice a effectué quelle requête via l'analyse du payload

Bloc de code

language	json
title	Exemple de payload

{
  "service": "important-news",
  "iss": "multi-cms-connector"
}

Routes disponibles

Le connecteur CMS expose plusieurs routes :

Une route /graphql pour les requêtes GraphQL
Une route GET /health, publique, permettant de retourner l'état de l'application, pour le monitoring
Une route GET /cache/clear/features, permettant de vider le cache pour les features
Une route GET /cache/clear/contact-us, permettant de vider le cache pour contact-us
Une route GET /cache/clear/login, permettant de vider le cache pour login
Une route GET /cache/clear/important-news, permettant de vider le cache pour les important-news
Une route GET /cache/clear/channels, permettant de vider le cache pour les channels
Une route GET /cache/clear/social-networks, permettant de vider le cache pour les social-networks
Une route GET /cache/clear/static-pages, permettant de vider le cache pour les static-pages
Une route GET /cache/clear/widgets, permettant de vider le cache pour les widgets
Une route GET /cache/clear/map-points, permettant de vider le cache pour les données de carte (map-points, map-categories, map-icons et campuses)
Une route GET /cache/clear-all, permettant de vider l'ensemble du cache

Toutes ces routes sont protégées par l'authentification JWT, exceptée celle pour le healthcheck

Collections et leurs champs disponibles via GraphQL

Channels

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  channels {
    id
    code
    color
    icon
    routerLink
    filterable
    translations {
        languagesCode
        label
    }
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  channel(id: "1") {
    id
    code
    color
    icon
    routerLink
    filterable
    translations {
        languagesCode
        label
    }
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "channel": {
            "id": "1",
            "code": "ALERT",
            "color": "#EF154E",
            "icon": null,
            "routerLink": null,
            "filterable": false,
            "translations": [
                {
                    "languagesCode": "en",
                    "label": "ALERT"
                },
                {
                    "languagesCode": "fr",
                    "label": "ALERTE"
                }
            ]
        }
    }
}

Contact Us

Bloc de code

language	graphql
title	Instance Singleton
collapse	true

query {
  contactUs {
    icon
    to
    translations {
        languagesCode
        title
        content
    }
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "contactUs": {
            "icon": "mail",
            "to": "test@test.com",
            "translations": [
                {
                    "languagesCode": "fr",
                    "title": "Nous contacter",
                    "content": "<p>On peut tromper 1000 fois 1 personne, mais on ne peut pas tromper 1000 fois 1000 personnes</p>"
                },
                {
                    "languagesCode": "en",
                    "title": "Contact us",
                    "content": "<p>You can fool 1 person 1000 times, but you can't fool 1000 people 1000 times</p>"
                }
            ]
        }
    }
}

Features

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  features {
    id
    description
    translations {
        languagesCode
        title
        shortTitle
        searchKeywords
    }
    icon
    iconSvgDark
    iconSvgLight
    menu
    authorization {
        roles
        type
    }
    position
    settingsByRole {
        position
        role
    }
    type
    routerLink
    link
    ssoService
    statisticName
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  feature(id: "1") {
    id
    description
    translations {
        languagesCode
        title
        shortTitle
        searchKeywords
    }
    icon
    iconSvgDark
    iconSvgLight
    menu
    authorization {
        roles
        type
    }
    position
    settingsByRole {
        position
        role
    }
    type
    routerLink
    link
    ssoService
    statisticName
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "feature": {
            "id": "1",
            "description": "Redirige l'utilisateur vers le service interne affichant les dernières actualités",
            "translations": [
                {
                    "languagesCode": "fr",
                    "title": "L'actualité",
                    "shortTitle": null,
                    "searchKeywords": null
                },
                {
                    "languagesCode": "en",
                    "title": "News",
                    "shortTitle": null,
                    "searchKeywords": null
                }
            ],
            "icon": null,
            "iconSvgDark": "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" xmlns=\"http://www.w3.org/2000/svg\">...</svg>",
            "menu": "top",
            "authorization": null,
            "position": 10,
            "settingsByRole": [
                {
                    "position": 1,
                    "role": "student"
                }
            ],
            "type": "internal",
            "routerLink": "/rss",
            "link": null,
            "ssoService": null,
            "statisticName": "rss"
        }
    }
}

Important News

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  importantNews {
    id
    translations {
        languagesCode
        title
        content
        buttonLabel
    }
    image
    authorization {
        roles
        type
    }
    color
    link
    statisticName
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  importantNew(id: "1") {
    id
    translations {
        languagesCode
        title
        content
        buttonLabel
    }
    image
    authorization {
        roles
        type
    }
    color
    link
    statisticName
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "importantNew": {
            "id": "1",
            "translations": [
                {
                    "languagesCode": "fr",
                    "title": "Cartes étudiant",
                    "content": "Vos cartes d'étudiant sont disponibles !",
                    "buttonLabel": "Voir vos cartes"
                },
                {
                    "languagesCode": "en",
                    "title": "Student cards",
                    "content": "Your student cards are available!",
                    "buttonLabel": "See your cards"
                }
            ],
            "image": "5a3695fc-af24-4c60-bd67-50eaee02d81e",
            "authorization": {
                "roles": [
                    "student"
                ],
                "type": "ALLOW"
            },
            "color": "#EF154E",
            "link": "/cards",
            "statisticName": "cards"
        }
    }
}

Bloc de code

language	graphql
title	Instance Singleton
collapse	true

query {
  login {
    translations {
        languagesCode
        notAuthenticatedText
        connectionText
    }
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "login": {
            "translations": [
                {
                    "languagesCode": "fr",
                    "notAuthenticatedText": "Vous n'êtes pas authentifié",
                    "connectionText": "<p>Bonjour</p>"
                },
                {
                    "languagesCode": "en",
                    "notAuthenticatedText": "You are not authenticated",
                    "connectionText": "<p>Welcome</p>"
                }
            ]
        }
    }
}

Social Networks

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  socialNetworks {
    id
    title
    icon
    link
    position
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  socialNetwork(id: "1") {
    id
    title
    icon
    link
    position
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "socialNetwork": {
            "id": "1",
            "title": "github",
            "icon": "logo-github",
            "link": "https://github.com/EsupPortail",
            "position": 1
        }
    }
}

Static Pages

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  staticPages {
    id
    translations {
        languagesCode
        title
        content
    }
    icon
    iconSvgDark
    iconSvgLight
    position
    statisticName
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  staticPage(id: "1") {
    id
    translations {
        languagesCode
        title
        content
    }
    icon
    iconSvgDark
    iconSvgLight
    position
    statisticName
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "staticPage": {
            "id": "1",
            "translations": [
                {
                    "languagesCode": "fr",
                    "title": "Aide",
                    "content": "<h2>Bonjour !</h2>\n<p>Lorem ...</p>"
                },
                {
                    "languagesCode": "en",
                    "title": "Help",
                    "content": "<h2>Hello !</h2>\n<p>Lorem ...</p>"
                }
            ],
            "icon": "help-circle-outline",
            "iconSvgDark": null,
            "iconSvgLight": null,
            "position": 1,
            "statisticName": "help"
        }
    }
}

Widgets

Bloc de code

language	graphql
title	Toutes les instances de la collection
collapse	true

query {
  widgets {
    id
    description
    widget
    translations {
        languagesCode
        title
        content
    }
    icon
    iconSvgDark
    iconSvgLight
    authorization {
        roles
        type
    }
    position
    settingsByRole {
        position
        role
    }
    type
    routerLink
    link
    ssoService
    color
    statisticName
  }
}

Bloc de code

language	graphql
title	Récupérer une instance de la collection
collapse	true

query {
  widget(id: "1") {
    id
    description
    widget
    translations {
        languagesCode
        title
        content
    }
    icon
    iconSvgDark
    iconSvgLight
    authorization {
        roles
        type
    }
    position
    settingsByRole {
        position
        role
    }
    type
    routerLink
    link
    ssoService
    color
    statisticName
  }
}

Bloc de code

language	json
title	Exemple de réponse
collapse	true

{
    "data": {
        "widget": {
            "id": "1",
            "description": "Widget affichant les prochains événements dans le calendrier",
            "widget": "calendar:calendar",
            "translations": [
                {
                    "languagesCode": "en",
                    "title": "Your next events",
                    "content": null
                },
                {
                    "languagesCode": "fr",
                    "title": "Vos prochains évènements",
                    "content": null
                }
            ],
            "icon": null,
            "iconSvgDark": null,
            "iconSvgLight": null,
            "authorization": {
                "roles": [
                    "anonymous"
                ],
                "type": "DISALLOW"
            },
            "position": 50,
            "settingsByRole": [],
            "type": "external",
            "routerLink": null,
            "link": "https://mail.mon-univ.fr/zimbra/preauth/preauthUL_ETU.jsp?ticket={st}",
            "ssoService": "https://mail.mon-univ.fr/zimbra/preauth/preauthUL_ETU.jsp",
            "color": null,
            "statisticName": null
        }
    }
}

Arborescence des pages

Comparaison des versions

Ancienne version 1

Nouvelle version Actuel

Légende

Sommaire

Paramétrage

Sécurité

Routes disponibles

Collections et leurs champs disponibles via GraphQL

Channels

Contact Us

Features

Important News

Social Networks

Static Pages

Widgets

Arborescence des pages

Pages … Accueil Connecteurs Connecteur CMS Headless Historique de la page

Comparaison des versions

Ancienne version 1

Nouvelle version Actuel

Légende

Sommaire

Paramétrage

Sécurité

Routes disponibles

Collections et leurs champs disponibles via GraphQL

Channels

Contact Us

Features

Important News

Login

Social Networks

Static Pages

Widgets

Pages

Accueil
Connecteurs
Connecteur CMS Headless

Historique de la page