2026年7月5日

2026年7月5日

WordPressのAppleでサインインを設定する方法

はじめに

Appleの「Sign in with Apple」機能は、ユーザーが簡単に安全にアカウントを作成したりログインしたりできる便利なツールです。WordPressサイトでこの機能を活用することで、既存のソーシャルログインオプションと並行して、より広範囲のユーザーベースにアピールすることができます。

症状・背景

このテーマが必要になる主な場面:

  • Appleユーザー向けのサイトを作成する場合
  • 信頼性とセキュリティを強化したい場合
  • ユーザー登録やログインプロセスを簡素化したい場合

手順・設定方法

ステップ1: Apple Developerアカウントの作成と「Sign in with Apple」の有効化

# Apple Developer Programにログインし、「My Apps」セクションで新しいアプリを作成します。
# 「Sign in with Apple」機能を有効にするために、「Services」タブから「Sign in with Apple」を選択します。

# 必要な情報をAppleのサーバーに保存して、Xcodeを使用して証明書とプロビジョニングファイルを作成します。

ステップ2: WordPressサイトへのオートロガーディアンプラグインのインストール

# 「https://wordpress.org/plugins/auto-login-guard/」から「Auto Login Guard」プラグインをダウンロードし、WordPress管理画面のプラグインページでアップロードして有効化します。

# プラグイン設定ページを開き、「Social Login」タブを選択します。
# 「Apple ID」フィールドにApple Developerアカウントで取得したクライアントIDを入力し、セキュリティコードも適切に入力します。

ステップ3: Apple認証エンドポイントの設定

# WordPressのwp-config.phpファイルを開き、「define('LOGGED_IN_COOKIE', 'wordpress_logged_in_');」行の下に以下を追加します。

define( 'AUTH_KEY',         'unique-auth-key-here' );
define( 'SECURE_AUTH_KEY',  'another-secure-auth-key-here' );
define( 'LOGGED_IN_KEY',    'apple-signin-logged-in-key-here' );

# 上記のキーは、Apple認証エンドポイントで使用するための一意な文字列です。適切に生成して設定します。

ステップ4: 認証プロセスのテストとトラブルシューティング

# Appleの「Sign in with Apple」機能を有効化したサイトでログインページを開き、Apple IDでサインインできるか確認します。
# うまく動作しない場合は、ブラウザの開発者ツールを使用してエラーメッセージを探し、修正を行います。

注意事項

  • クライアントIDとアプリシークレットは厳重に管理すること。漏洩すると第三者が不正に利用する可能性があります。
  • 「Sign in with Apple」機能の使用にはApple Developer Programへの加入が必要であり、これには年間費用がかかります。
  • ユーザー体験を向上させるためには、サードパーティのプラグインを使用して他のソーシャルログインオプションも提供することを検討してください。

まとめ

1. Apple Developerアカウント: 「Sign in with Apple」機能を利用するためには必ず必要です。

2. Auto Login Guardプラグイン: WordPressサイトで「Sign in with Apple」機能を使用するための主要なツールです。

3. 独自の認証キー生成: 一意性と安全性を確保するために、WordPressのwp-config.phpファイルに独自の一意なキーを設定します。

4. テストとトラブルシューティング: 効果的な実装のために、機能が適切に動作するか確認し、必要なら問題を解決します。

関連記事:

お気軽にご相談ください

お見積りへ お問い合わせへ