アクセスしてきたユーザーのIPアドレスを取得したいjs react

Question

アクセスしてきたユーザーのIPアドレスを取得したい、が実現したいことです。

サービスのフロントにはjs,react.jsを用いています。

ｐｈｐならばアクセス者のipアドレスを取れることがわかっていますが、
フロントのreactのコードにphpを埋め込む手法がわかりません。

質問は,
①jsのみでipアドレスを取得する方法はありますか？
②phpをreactで書かれたコードの中に埋め込んでipアドレスを取得する方法はありますか？

の二つです。

必要な補足情報があれば提示していただけると幸いです。

Comments

[maisumakun]

Reactで書かれた部分の配信方法や、サーバサイドはどのような形でしょうか。

[og24715]

php で .jsx 吐くより api 組んで fetch するほうが楽じゃないですかね。 もし create-react-app でプロジェクト作ってるならなおさら

[violineer]

create-react-appでプロジェクト作成しております。サーバーサイドの形について、合っているかわかりませんがWebサーバー,APIサーバーがありapiサーバーからデータベースへ通信しています。

[violineer]

apiサーバーはexpressを使用しています。

[m.ts10806]

どのように解決されたのでしょうか？参考リンクは確かに置きましたが、それが解決につながったかどうか「解決済み」にされただけではわからないので、簡単でいいので回答のコメント欄に解決方法を記載いただければと。

[violineer]

①②とも厳しい、という判断する材料となる回答をいただけたので解決といたしました。

[m.ts10806]

回答のコメント欄に解決方法を記載いただければと。

Answer 1

①jsのみでipアドレスを取得する方法はありますか？

ありません。あくまでJavaScriptはクライアントサイドの言語です。
サーバーにアクセスされた情報の1つであるIPアドレスを知ることはできません。

②phpをreactで書かれたコードの中に埋め込んでipアドレスを取得する方法はありますか？

reactのコードをPHPでechoできるならいけると思います。
※あくまでview担当のライブラリと言うことしか私は知らないので「おそらくできそう」としか言えません。

• 【javascript】IPアドレスを取得する方法

↑にJavaScriptの場合のコードがあるので参考にしてみてください。

Comments

[violineer]

①②とも厳しい、という判断する材料となる回答をいただけたので解決といたしました。

Answer 2

①jsのみでipアドレスを取得する方法はありますか？

サーバサイドで JavaScript の実行環境(node.js等)を用意し、アクセス元の ip アドレスをレスポンスに含めれば良いです。

②phpをreactで書かれたコードの中に埋め込んでipアドレスを取得する方法はありますか？

コードに埋め込むというよりは、サーバサイドで php を動かし、アクセス元の ip アドレスをレスポンスに含めれば良いです。

いずれにしても、アクセス元の ip アドレスを「ブラウザ」に表示させるには、アクセス先のサーバがアクセス元 ip アドレスをレスポンスしてあげることが必要です。

api サーバがレスポンスにアクセス元 ip アドレスを含んであげれば解決できるかと。