Unable to log in Dailymotion user using JS SDK

Question

I have a React app from which I want to upload videos to the account of the logged in user. I have successfully done this retrieving tokens manually and calling the API but can't find a way to log in using the JS SDK in my React app.

I present the user with a button for log in:

    e.preventDefault()
    window.DM.login(
      function (response) {
        if (response.session) {
          // user successfully logged in
          console.log(response)
        } else {
          // user cancelled login
          console.log(response)
        }
      },
      {
        client_id: my_id,
        scope: "read write",
        response_type: "code"
      }
    )
   }

The login popup appears, I log in and get sent to the callback url. However, refreshing the original site, or the callback popup, still shows as no session and without login. I check with:

    status === 'ready' &&
      window.DM.getLoginStatus(function (response) {
        if (response.session) {
          // logged in and connected user, someone you know
          console.log(response)
        } else {
          // no user session available, someone you dont know
          console.log(response)
        }
      })
  })

and I always get { status: "unknown", session: null }

Loading the SDK is handled with a hook const status = useScript('https://api.dmcdn.net/all.js')

Do I need to handle something manually from the callback page? Isn't the SDK supposed to handle it in the background? I would appreciate some insights on what I might be doing wrong.

Thanks.

score 1 · Accepted Answer · answered Oct 22 '22 at 17:50

As always, I spent hours trying to find a solution and, as soon as I post, I find it:

Client_id and response_type must not be passed in DM.login.

Instead, you have to pass the API key in DM.Init, like so:

  useEffect(() => {
    status === 'ready' &&
      window.DM.init({
        apiKey: '123456789',
        status: true, // check login status
        cookie: true // enable cookies to allow the server to access the session
      });
  })

This brings up the popup and after inputting the credentials the SDK correctly detects the session, closing the popup and authing the user.

Unable to log in Dailymotion user using JS SDK

1 Answers1