coova chili と Javascript Facebook SDK を使用して、Wi-Fi ホットスポットとして機能する Web アプリをセットアップしています。
アプリには「facebook でログイン」ボタンがあり、クリックすると FB.login() 関数が呼び出され、ユーザーが資格情報を挿入してログインできるポップアップ ウィンドウが開きます。
このソリューションはデスクトップ ブラウザーでは正しく機能しますが、モバイル デバイスでは機能しません。
これらは私が遭遇した問題です：
Android デバイス - Wi-Fi ネットワークに接続すると、「Wi-Fi ネットワークにサインインしてください」という通知が表示されます。クリックすると、キャプティブ ページが正しく開きます。しかし、fb ログイン ボタンをクリックすると、正しい URL " http://m.facebook.com/v2.8/auth ..." にリダイレクトされますが、その後、ウィンドウがフリーズして、 wsod。
IOS デバイス - 前と同じように、cna がトリガーされ、fb ログイン ページへのリダイレクトが機能しますが、資格情報を挿入すると、表示されるのは wsod だけです。
両方の問題は、apple.com、google.com、および認証に使用されるその他のドメインをホットスポット ウォールド ガーデンに含めることで回避できます。その後、ユーザーはデバイスのブラウザー (Safari または Chrome) を使用してネットワークにログインできます。このディスカッションで指摘された Apple CNA での Facebook ログイン.
つまり、IOS キャプティブ ネットワーク アシスタントと Android の「Wi-Fi にサインイン」機能内でアプリを正しく動作させるために、「通常の」ワークフローで動作させる必要があります。
どうすればこれを解決できるか分かりますか? 成功することなく、広範囲に検索しました。ありがとうございました。
編集
JavaScript の代わりに PHP SDK を使用することで解決しました。ここで説明されているように、ログイン リンクを生成する。これは、iOS や Android などのモバイル キャプティブ ポータル アシスタントでも機能します。これは、fb ログイン ページが popup/iframe ではなく同じウィンドウで開かれるためです。これが、同じ問題に遭遇する可能性のある他の人に役立つことを願っています。