ログイン
ログイン

ウェブサイトに [Login with Amazon] ボタンを追加する

ウェブサイトに [Login with Amazon] ボタンを追加する

 ウェブサイト用のLWA

手順1：
LWAに登録する
→
手順2：
ウェブサイトにLWAボタンを追加する
→
手順3：
JavaScript用のLWA SDKを追加する
→
手順4：
認可コードグラントを実装する
→
手順5：
ユーザーを動的にリダイレクトする
→
手順6：
ユーザープロファイル情報を取得する
→
手順7：
ユーザーをログアウトする
→
手順8：
アカウントシステムと統合する

次は、ウェブサイトに [Login with Amazon] ボタンを追加します。ボタンの種類は豊富に用意されているので、ウェブサイトに最適な画像を選択できます。ベストプラクティスや選択できる画像の一覧については、スタイルのガイドラインを参照してください。

  1. ボタンを表示するウェブサイトに次のコードを追加します。本ガイドの目的上、これはHTTPSウェブサイトである必要があります。

    <a href id="LoginWithAmazon">
    <img border="0" alt="Login with Amazon"
        src="https://images-na.ssl-images-amazon.com/images/G/01/lwa/btnLWA_gold_156x32.png"
        width="156" height="32" />
 </a>
  2. （省略可能）ほかのボタン（こちらを参照）を使用するには、上記のコードのhttpsリンクを目的のボタンのhttpsリンクに置き換えます。ボタンの幅と高さは、ウェブサイトに合わせて変更してください。
  3. ページを最新の情報に更新して、ウェブサイト上にボタンが表示されていることを確認します。