Node.js에서 IP 주소를 사용하여 위치 찾기

Google에서 사용자의 위치를 ​​기반으로 콘텐츠를 표시하는 이유나 웹사이트에 표시되는 광고가 사용자의 위치에 맞게 맞춤설정되는 이유가 궁금하신가요? 이 모든 것은 장치의 IP 주소를 기반으로 국가, 주, 때로는 도시까지 식별할 수 있게 해주는 지리적 위치 때문에 발생합니다.

IP 주소에서 장치 지리적 위치를 얻으려면 이 정보가 있는 다른 데이터베이스에 액세스할 수 있는 서비스를 사용할 수 있습니다. 가장 많이 사용되는 것 중 하나는 지역 인터넷 레지스트리입니다. 5개의 레지스트리가 있으며 각각은 세계의 다양한 부분을 담당합니다. 그 외에도 이 데이터를 더욱 개선하는 회사가 있습니다( secondary sources ).

이제 IP 지리적 위치가 무엇인지, 왜 사용되는지, 어떻게 작동하는지 알았으므로 이제 Node.js 및 Express와 함께 사용하도록 이동하겠습니다. 내 IP 주소에 대한 데이터를 반환하는 API를 구축하겠습니다. ipdata를 데이터 공급자로 사용하고 타사 API와의 통신을 위해 Superface를 사용할 것입니다.

서버 설정

빈 폴더에 새 Node.js 프로젝트를 만듭니다.

mkdir IP-Geo
cd IP-geo
npm init -y
npm i express

우리는 ES6를 사용하고 있으므로 package.json 파일로 이동하여 "type": "module"을 추가합니다. 결과는 다음과 같아야 합니다.

{
  "name": "ip-geo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "^4.18.1",
  }
}

다음 코드를 사용하여 index.js 파일을 만듭니다.

import express from 'express';
const app = express()
app.listen(3000, () => {
    console.log("Server listening on 3000")
})

이제 모든 것이 작동하는지 확인하려면 응용 프로그램을 실행하십시오.

node index.js


클라이언트 공용 IP 주소 가져오기

이제 애플리케이션에 연결하는 장치의 IP 주소를 읽어야 합니다. Express는 매우 일반적인 설정인 프록시 뒤에서 실행되는 경우 헤더에서 읽을 수 있습니다. 이를 활성화하려면 index.js 파일에 다음 행을 추가하십시오.

app.set("trust proxy", true);

참고: 이 예제에서는 Codesandbox를 사용하고 있습니다. 내 PC에서 서버를 실행하면 localhost 또는 로컬 IP 주소에서 연결하는 것으로 표시되기 때문입니다. 자세한 내용은 Public vs. Private IP Address: What's the Difference을 확인하십시오.

들어오는 요청( ip )의 req 속성에서 IP 주소를 읽을 수 있습니다. index.js를 다음 코드로 바꿉니다.

import express from 'express';
const app = express();
app.set('trust proxy', true)

app.get('/', async (req, res) => {
    const ip = req.ip
    res.send(ip);
})

app.listen(3000, () => {
    console.log("Server listening on 3000")
})

http://localhost:3000으로 이동하면 IP 주소가 표시됩니다.

지리적 위치 검색을 위한 API 통합

이제 앱에 API를 통합하여 추출한 IP에서 지리적 위치를 가져옵니다.

통합이 매우 쉬워지므로 API 통합에 Superface을 사용할 것입니다. API 문서를 다룰 필요가 없으며 동일한 인터페이스를 사용하는 많은 공급자를 사용할 수 있습니다. 또한 Superface catalog에서 더 많은 기성품 API 사용 사례를 사용할 수 있습니다. 도구 상자에 넣을 가치가 있는 도구입니다.



먼저 앱에 Superface OneSDK를 설치합니다.

First, install Superface OneSDK in your app:

그런 다음 사용 사례를 선택합니다. 우리는 IP geolocation lookup을 사용할 것입니다.

이제 사용할 공급자를 선택해야 합니다. ipdata을 사용하겠습니다. ipdata.co에서 계정을 만들어 API 키를 받으세요.



Superface로 돌아가서 예제의 코드를 복사하여 index.js 파일에 붙여넣습니다. ipdata에서 얻은 API 키와 ipAddress 속성으로 추출한 공인 IP 주소로 바꿉니다.

결과 코드는 다음과 같습니다.

import express from "express";
import { SuperfaceClient } from "@superfaceai/one-sdk";
const app = express();
app.set("trust proxy", true);

const sdk = new SuperfaceClient();

async function run(ip) {
  // Load the profile
  const profile = await sdk.getProfile("address/[email protected]");

  // Use the profile
  const result = await profile.getUseCase("IpGeolocation").perform(
    {
      ipAddress: ip
    },
    {
      provider: "ipdata",
      security: {
        apikey: {
          apikey: "9a511b6fc8334e1852cfbbd4ff3f1af3c42ed6abc75e96a1648b969a"
        }
      }
    }
  );

  // Handle the result
  try {
    const data = result.unwrap();
    return data;
  } catch (error) {
    console.error(error);
  }
}

app.get("/", async (req, res) => {
  res.send(await run(req.ip));
});

app.listen(3000, () => {
  console.log("SERVER RUNNIHG AT PORT 3000");
});

이제 node index.js 로 앱을 실행하고 http://localhost:3000/ 으로 이동하면 결과가 표시됩니다.



결과 코드는 CodeSandbox에서 찾을 수 있으며 여기에서 실행되는 것을 볼 수 있습니다: https://forv0o.sse.codesandbox.io/

자세한 내용은 이 비디오를 확인하십시오.