Naver ログインを連携する

お客さまが Naver アカウントで登録できるようにするには、まず Naver 側に自分のサービスを登録して、二つの値を受け取る必要があります。Client ID と Client Secret です。

このページは、その二つの値を受け取る手順を案内します。受け取った値を WEEGLOO に入れる方法は受け取った値を WEEGLOO に入れるにあります。

先にコピーしておくアドレス

お客さまが Naver でログインを終えると、Naver はその結果を決まったアドレスへ返します。このアドレスを Naver に登録する必要があるので、先にコピーしておいてください。1 番目のステップで貼り付けます。

下で自分の Space を選ぶと、識別子が埋まったアドレスになります。

Space
https://auth.weegloo.com/v1/spaces/{spaceId}/login/oauth2/code/naver

自分で埋めたい場合は、{spaceId} のところに自分の Space の識別子を入れてください。コンテンツスタジオでその Space を開いてブラウザのアドレスバーを見ると、/spaces/ の次に来る値が識別子です。

このアドレスは自分のサイトのアドレスではなく、WEEGLOO がログイン結果を受け取る場所です。ですから、自分のサイトをまだ作っていなくても今の時点で決まります。コンテンツスタジオで Naver を有効にしていれば、Step 1 に同じアドレスが表示されるので、そこからコピーしてもかまいません。

Naver で二つの値を受け取る

Naver にログインしたあと、以下の二つのステップを順に進めてください。ここで行う作業に費用はかかりません。

1

アプリケーションを登録する

  1. アプリケーション登録の画面(https://developers.naver.com/apps/#/register)を開いてください。

  2. 애플리케이션 이름(アプリケーション名)に、お客さまに見せる名前を入力してください(例: ぬくもりクローゼット)。

  3. 사용 API(使用 API)で 네이버 로그인(ネイバーログイン)を選んでください。

    アプリケーション登録の画面。左メニューとともに、アプリケーション名の欄と使用 API のドロップダウンが見えます

  4. 제공 정보 선택(提供情報の選択)の表で、연락처 이메일 주소(連絡先メールアドレス)・별명(ニックネーム)・프로필 사진(プロフィール画像)という三つの行の 필수(必須)にだけチェックを入れてください。

  5. 환경 추가(環境の追加)で PC 웹(PC ウェブ)を選んでください。

    提供情報の選択の表。連絡先メールアドレス、ニックネーム、プロフィール画像の必須にチェックが入っていて、下に環境の追加のドロップダウンがあります

  6. 서비스 URL(サービス URL)に自分のサイトのアドレスを入力してください(例: https://nukumori-closet.com)。

  7. 네이버 로그인 Callback URL(ネイバーログインの Callback URL)の最初の欄に、先にコピーしておくアドレスでコピーしたアドレスを貼り付けてください。

    PC ウェブのパネル。サービス URL にサイトのアドレスが、ネイバーログイン Callback URL の最初の欄に WEEGLOO のアドレスが入力されています

  8. フォームの一番下にある 서비스 이용 동의(サービス利用への同意)のチェックボックス二つにチェックを入れてください。

  9. 등록하기(登録する)を押してください。

    サービス利用への同意の領域。チェックボックスが二つあり、下に登録するボタンとキャンセルボタンがあります

二つのアドレス欄を正確に書く必要があります

서비스 URL には www を付けずドメインだけを書き、自分のサイトと同じドメインを書いてください。Callback URL は上でコピーしたアドレス一つだけを入れ、欄を増やさないでください。二つの欄のどちらか一方でも食い違うと、直すまで Naver ログインが制限されます。

제공 정보 선택 の残りの項目は選ばないでください。環境も PC 웹 一つで足ります。

2

Client ID と Client Secret をコピーする

등록하기 を押すと、いま登録したアプリケーションの 개요(概要)タブが開きます。二つの値は 애플리케이션 정보(アプリケーション情報)にあります。

  1. Client ID に書かれている値をコピーしておいてください。

  2. Client Secret の横にある 보기(表示)を押してください。

  3. 表示された値をコピーしておいてください。

    登録を終えたあとの概要タブ。アプリケーション情報に Client ID が見えていて、Client Secret は隠れたまま表示ボタンが付いています

Client ID はこの画面にそのまま残り、Client Secret は 보기 を押すたびに見直せます。ただし secret は秘密の値なので、他の人に教えたり、公開された場所に書き残したりしないでください。

審査を通ってはじめてお客さま全体がログインできます

登録したアプリケーションは 개발 상태(開発ステータス)が 개발 중(開発中)です。WEEGLOO の連携は審査を待たなくてもかまいません。二つの値を入力すれば、ログインはその場で動きます。

概要タブのネイバーログインの項目。開発ステータスに開発中のバッジと、ネイバーログインの審査リクエストボタンがあります

개발 중 の間は、멤버관리(メンバー管理)タブに登録した ID でのみログインできます。自分の ID は登録しなくてもかまいません。別のアカウントで試す場合は、そのタブの 테스터 ID 등록(テスター ID の登録)に ID を入れてください。

メンバー管理タブ。管理者 ID の登録とテスター ID の登録という二つの領域が見えます

お客さま全体に開く準備ができたら、개요 タブの 네이버 로그인 검수요청(ネイバーログインの審査リクエスト)を押してください。必要な資料と審査の基準は Naver ドキュメントにあります。

受け取った値を WEEGLOO に入れる

これで二つの値が手元にあります。ここから先は、これまでどのように作業してきたかによって分かれます。

コンテンツスタジオで直接設定していた場合は、次のように進めてください。

  1. サービス会員ログインのソーシャルログインを有効にする手順に戻ってください。
  2. Naver を有効にしてください。
  3. Step 2 の Client ID の欄に Client ID を入力してください。
  4. Client Secret の欄に Client Secret を入力してください。
  5. 保存 を押してください。

AI エージェントに連携を任せていて、値を受け取ってくるように案内された場合は、受け取った二つの値をそのままチャットに貼り付けて、作業を続けてください。残りの設定はエージェントが引き続き処理します。

次にやること

  • サービス会員ログイン: 受け取った値をコンテンツスタジオに入力し、会員ログインの残りの設定を終えます。
  • 会員のロールと権限: 登録した会員が何を見て使えるかを定める ServiceUserRole を作ります。
  • Auth API: ログインを自分のサイトのコードに組み込むときに必要となる、リクエスト形式などの技術仕様を扱います。