Implementation Guide for .NET API and React Frontend #196

Activity

1. jeroenhabets commented on Apr 22, 2026

   

   jeroenhabets

   on Apr 22, 2026

   Contributor

   More actions

   @Akinnagbe as it says in the README.md:

   LtiAdvantage.AspNetCore contains ASP.NET Core controller implementations to assist in platform development.

   And there is a Sample Platform LtiAdvantagePlatform from a long time ago that is woefully out of date but can still be useful for inspiration.

   I assume you have looked into the info from 1EdTech/IMS Global, the organization behind LTI, e.g. LTI Advantage Overview, with their LTI Advantage Implementation Guide, and Reference Implementation
2. jeroenhabets commented on Jun 22, 2026

   

   jeroenhabets

   on Jun 22, 2026

   Contributor

   More actions

   @Akinnagbe did you manage to get it to work?
3. srijken commented on Oct 28, 2026

   

   srijken

   on Oct 28, 2026

   Contributor

   More actions

   The sample platform now has a React front end that shows this setup: LtiLibrary/LtiAdvantagePlatform#23.

   In short, for an LMS with a .NET API and React:

   • React lists courses and links and decides where a tool appears (iframe or new tab). To launch, it points an iframe at a server URL. It never builds LTI messages or signs anything.
   • The .NET side does the LTI work: OIDC login initiation, the authorize endpoint that signs the id_token (OpenIddict plus LtiAdvantage.Oidc in the sample), deep-link response validation, and the AGS/NRPS endpoints (LtiAdvantage.AspNetCore controller bases).
   • Serve React and the API from the same origin, or put them behind one, so the authorize endpoint inside the iframe sees the signed-in user's cookie.
   • When Deep Linking finishes, the platform's return page tells the React app with postMessage.

   The README section "Using a React front end" has the details. Feel free to reopen if anything's unclear.
4. srijken

   closed this as completedon Oct 28, 2026
5. srijken

   added a commit that references this issue on Oct 28, 2026

   Add a React front end sample (LtiLibrary/LtiAdvantage#196)

   ...

   1ee993c