Page History

...

Anvendere af NAP sdk er primært gæstesystemudviklere, derfor er denne guide målrettet disse.

Nap-typescript-sdk

Nap-typescript-sdk indeholder et eventkatalog der definere de events der kan sender over NAP i en givende version

Følgende er et eksempel på at anvende eventkatalog version 1: 

import { NAPEventCatalogue } from'nap-typescript-sdk';

const sessionCloseEvent = NAPEventCatalogue.v1.SessionClose;

Nap-typescript-sdk indeholder derudover en række util-funktioner, som kan være brugbare.

Følgende er et eksempel på anvendelse af mapping funktioner, der hiver data ud af nap-events.

Nap-angular-sdk

Da nap-angular-sdk er en angular specifik wrapper af nap-typescript-sdk har den en peer dependency til nap-typescript-sdket. Et eksempel for implementing af nap-angular-sdk til at få SAMLassertion kunne se således ud :

...

const samlSession = napContext.latestIncomming.event.eventType === NAPEventCatalogue.v1.SessionOpen ? napContext.lastestIncomming as : undefined;

return<div>{JSON.stringify(samlSession)}</div>
}

constPostMessageComponent: React.FC = () => {
constnapContext = useNap()

return (
<button
onClick={() => {
napContext.postMessage({
date:newDate().toString(),
id: UUID(),
event: { type:NAPEventType.SessionOpen }
})
}}
>
Send message
</button>
)
}

constApp = () => {

return (
<>
<NapContextProvider>
<IncommingMessageComponent></IncommingMessageComponent>
<PostMessageComponent></PostMessageComponent>
</NapContextProvider>
</>
)
}

exportdefaultApp