Power Apps グローバルIPを取得して使用者の位置情報を取得する

ふらふらとネットサーフィンしてたらおもしろそうなWebAPIを見つけたので、カスタムコネクタを作って遊んでみた！

※今回作成するカスタムコネクタはフリーのWebAPIを使用しています。もしこのコネクタを作成／使用する場合は自己責任でお願いします。

今回使用するWebAPI
1. ipify
2. ipapi
カスタムコネクタ作成
1. ipifyカスタムコネクタ
2. ipapiカスタムコネクタ
Power Appsに組み込んでみる
おまけ：Locationとの違い

今回使用するWebAPI

今回使用するWebAPIは

ipify
ipapi

の2つ。

ipify

自分のグローバルIPを返してくれるWebAPI。

ipify - A Simple Public IP Address API

ipify API is a simple public IP address API, easy enough to integrate into any application in seconds.

ipapi

グローバルIPから位置情報を返してくれるWebAPI。

ipapi - IP Address Lookup and Geolocation API | No SignUp

Enterprise IP Location by Kloudend, Inc - built on AWS, trusted by Fortune 500. Geolocation API for JSON, XML in PHP, JS...

カスタムコネクタ作成

さっそくカスタムコネクタを作成。

ipifyカスタムコネクタ

[カスタムコネクタ新規作成]から、[一から作成]を選択。

適当に名前を付けて

ホストに「api.ipify.org」を入力。

セキュリティの設定は特になし。

[3.定義]に移って、全般を適当に設定し、

[要求]を[サンプルからインポート]を使用して、こんな感じで設定。

クエリの「format」を編集して、

「json」を自動で設定するようにする。

そしたら[既定の応答を追加する]から

本文に「{“ip”:”60.43.33.94″}」みたいに入力して、インポート。

そしたらコネクタを保存して新しい接続を作成、テスト操作を実行すると、

こんな感じでグローバルIPが取得できる！

ipapiカスタムコネクタ

続いてipapiカスタムコネクタの作成。先ほどと同様[一から作成]を選んで、適当に名前を付ける。

ホストは「ipapi.co」を入力し、

こちらもセキュリティは特に設定なし。

「3.定義」に移って、全般を適当に設定、

[要求]を[サンプルからのインポート]でこんな感じに設定。

[応答]を[既定の応答を追加する]から、[本文]をこんな感じで設定してインポート。

{
    "ip": "60.43.33.94",
    "version": "IPv4",
    "city": "Setagaya-ku",
    "region": "Tokyo",
    "region_code": "13",
    "country": "JP",
    "country_name": "Japan",
    "country_code": "JP",
    "country_code_iso3": "JPN",
    "country_capital": "Tokyo",
    "country_tld": ".jp",
    "continent_code": "AS",
    "in_eu": false,
    "postal": "154-8503",
    "latitude": 35.6468,
    "longitude": 139.6546,
    "timezone": "Asia/Tokyo",
    "utc_offset": "+0900",
    "country_calling_code": "+81",
    "currency": "JPY",
    "currency_name": "Yen",
    "languages": "ja",
    "country_area": 377835.0,
    "country_population": 126529100,
    "asn": "AS4713",
    "org": "NTT Communications Corporation"
}