🌐 Instagram

정보

이 문서는 아직 번역이 되어있지않습니다! 조금만 기다려주세요!

Documentation

https://developers.facebook.com/docs/instagram-basic-display-api/getting-started

Configuration

https://developers.facebook.com/apps/

Options

The Instagram Provider comes with a set of default options:

• Instagram Provider options

You can override any of the options to suit your own use case.

Example

// pages/api/auth/[...nextauth].js
import InstagramProvider from "next-auth/providers/instagram";
...
providers: [
  InstagramProvider({
    clientId: process.env.INSTAGRAM_CLIENT_ID,
    clientSecret: process.env.INSTAGRAM_CLIENT_SECRET
  })
]
...
// pages/index.jsx
import { signIn } from "next-auth/react"
...
<button onClick={() => signIn("instagram")}>
  Sign in
</button>
...

위험

Email address is not returned by the Instagram API.

팁

Instagram display app required callback URL to be configured in your Facebook app and Facebook required you to use https even for localhost! In order to do that, you either need to add an SSL to your localhost or use a proxy such as ngrok.