• Topic 主题 トピック Topic Topic
  • Sign in

LINEを介してオンラインストアにサインインしてください

オンラインショップにLINE経由でサインインする手順

ステップ1

LINEデベロッパーにログインし、[LINEログイン][今すぐ開始]をクリックして、個人のLINEアカウントまたは会社のLINEアカウントでログインしてください。

mceclip0.png

mceclip77.png

 

ステップ2:名前とメールアドレスを入力

"名前"と"メールアドレス"を入力し、「LINEデベロッパー契約に同意しました」とチェックし、確認をクリックしてください。後で"登録"、"名前"、"メールアドレス"を編集することができます。

 

ステップ3:「新しいプロバイダーを作成」をクリック

作成をクリックし、"プロバイダー名"欄にすべて小文字で"shopline"と入力し、"作成"をクリックしてください。

mceclip0.png

 

*注意:プロバイダー名にはすべて小文字で"shopline"と入力してください。大文字を使用すると以下のようなエラーが発生する可能性があります:

mceclip79.png

ステップ4:LINEログインカラムで「LINEログインチャネルを作成」をクリック

mceclip80.png

オンライン画像(またはストアのロゴ)をアップロードし、「チャネル名」と「チャネル説明」を入力してください。これらの情報は、LINEを介して登録する際に顧客がページで表示できるようになります。保存後に再度編集することができますが、チャネル名の間に空白がないことを確認してください。そうしないと保存時にエラーが発生します。

mceclip1.png

 

「アプリの種類(複数選択可能)」の「WEBアプリ」と「モバイルアプリ」の両方のボックスをチェックし、以下の欄にメールアドレスを入力し、「LINEデベロッパー契約に同意しました」とチェックして「作成」をクリックしてください。

 

*注意:メールアドレスの下の「プライバシーポリシーURL」と「利用規約URL」はオプションです。空白のままにしておくことができます。

mceclip6.png

mceclip83.png

ステップ5:プロバイダー名を"shopline"として入力し、作成したチャネルをクリック

mceclip3.png

ステップ6:設定情報を確認

チャネル情報ページに入った後、エラーを回避するために基本設定ページで3つの項目を確認する必要があります。

  1. "チャネルID"と"チャネルシークレット"を見つけ、それぞれの欄にコピー&ペーストしてください。これらの値が正しいことを確認してください。そうしないと、顧客がLINEアカウントでログイン/登録する際に400エラーページが表示される可能性があります。

mceclip1.png

mceclip2.png

Shopline管理パネルで、[アプリ][アプリストア] > [LINE]をクリックしてください。

mceclip2.png

"今すぐ使用"をクリックし、構成ページに入力してください:

mceclip3.png

"接続"をクリックします。

mceclip4.png

  1. "アプリの種類"を見つけ、"モバイルアプリ"と"Webアプリ"の両方がページに表示されていることを確認します。

    mceclip89.png

    完了すると、以前の"未適用"が"適用済み"に更新されます。

    *この列がまだ"未適用"と表示されている場合、お客様がストアのウェブサイトでLINEを使用してログイン/登録するとエラーが表示され、ストアのメンバーシップのログイン/登録を完了できなくなります。

     

    ただし、この列が"適用済み"と表示されていても、お客様のLINEアカウントがメールアドレスにリンクされていない場合、お客様は引き続きこのエラーを見ることがあります。その場合は、お客様にモバイルLINEアプリを使用して、[設定][マイアカウント]に進み、"メールアドレス"列にメールアドレスを入力するように依頼する必要があります。

 

3. [OpenID Connect][メールアドレスの許可]を見つけ、デフォルト設定が"未適用"と表示されます。"適用"をクリックし、以下に示す2つのオプションをチェックし、"ストアのプライバシーポリシー(お客様のメールアドレスを使用する際に通知する)"のスクリーンショットをアップロードし、"送信"をクリックします。

mceclip90.png

完了すると、以前の"未適用"が"適用済み"に更新されます。

mceclip91.png

*この列がまだ"未適用"と表示されている場合、お客様がストアのウェブサイトでLINEを使用してログイン/登録すると以下のエラーが表示され、ストアのメンバーシップのログイン/登録を完了できなくなります。

mceclip7.png

ただし、この列が"適用済み"と表示されていても、お客様のLINEアカウントがメールアドレスにリンクされていない場合、モバイルLINEアプリを使用して、[設定][マイアカウント]に進み、"メールアドレス"列にメールアドレスを入力するようにお客様に依頼する必要があります。

 

 ステップ7: Callback URLをコピーして貼り付ける

SHOPLINE ADMINでCallback URLをコピーし、"LINEログイン"ページに入り、[Webアプリ][Callback URL]の下にある"編集"ボタンを見つけ、この列にURLを貼り付けてから、"更新"をクリックします。

mceclip93.pngmceclip94.png

このステップが完了していない場合、お客様がLINEアカウントを使用してログイン/登録すると400エラーページが表示されます。

mceclip95.png

ステップ8: "公開"に更新

ページの右上隅に"開発中"と表示されています。"公開"をクリックすると、ステータスが"公開"に更新されます。

mceclip8.png

mceclip9.png

 

上記の手順を完了し、"LINEでオンラインショップにサインイン"がオンになった場合、お客様はストアのログイン/登録ページで"LINEでログイン"ボタンを見ることができます。

他にご質問がございましたら、リクエストを送信してください

コメント