Extending Strapi Data from Providers

commentsBot · March 7, 2024, 2:59am

I would like to extend data from providers like GitHub,Google,… within Strapi. As per the Strapi Documentation (Users & Permissions | Strapi Documentation) on External Providers, behind the scenes, Strapi interacts with providers to fetch user profiles, matching them based on email addresses.

But what if we want to save additional data from these providers, such as names? Is it possible to extend Strapi’s capabilities in this way?

This topic has been created from a Discord post (1215131585247182909) to give it more visibility.
It will be on Read-Only mode here.
Join the conversation on Discord

commentsBot · March 7, 2024, 6:51am

I think you can do this. On the last step (#7 from your documentation link), when you get redirected back to /connect//redirect, the front-end code gets the JWT, and can optionally save other data (in this case, to localStorage). An example of the front-end handling this is here:

github.com

strapi/strapi-examples/blob/master/examples/login-react/src/pages/LoginRedirect.js

import React, { useEffect, useState } from 'react';
import { useHistory, useLocation, useParams } from "react-router-dom";

const backendUrl = process.env.REACT_APP_BACKEND_URL;

const LoginRedirect = (props) => {
  const [text, setText] = useState('Loading...');
  const location = useLocation();
  const params = useParams();
  const history = useHistory();

  useEffect(() => {
    // Successfully logged with the provider
    // Now logging with strapi by using the access_token (given by the provider) in props.location.search
    fetch(`${backendUrl}/api/auth/${params.providerName}/callback${location.search}`)
      .then(res => {
        if (res.status !== 200) {
          throw new Error(`Couldn't login to Strapi. Status: ${res.status}`);
        }
        return res;

This file has been truncated. show original

Notice that it saves a couple items:

        localStorage.setItem('jwt', res.jwt);
        localStorage.setItem('username', res.user.username);

I think there’s more in the res.user object that you can introspect

commentsBot · March 9, 2024, 5:44pm

Yeah, that’s not what i was looking for.
I want to save the data in Strapi, without an additional POST on the callback page…

Anyway, thanks for you answer!