티스토리 뷰

program

JAVASCRIPT 접속 IP 확인하는 방법

littlecarbb 2017. 6. 13. 14:51

<google api 이용하여 알아내기>


[javascript] 자바스크립트로 내 IP확인하기_(공인ip)


1. 코드 공개


<script type="text/javascript" src="http://jsgetip.appspot.com"></script>


<script>

document.write( ip() );

</script>


아래에, 전체 코드를 작성하였습니다. 

구글과 네이버검색을 많이 이용하는데 

블로그에서 이렇게 적어주는게 편한 기억이 많았습니다^^


2. 예제

파일명 : index.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>인덱스 페이지</title>

<script type="text/javascript" src="http://jsgetip.appspot.com"></script>

</head>

<body>

<script>

document.write( ip() );

</script>

</body>

</html>



$.getJSON('http://jsonip.appspot.com/?callback=?',
        function(data){
          alert(data.ip);
        });

Probably easier to understand - an alternative, without jQuery, would be:

<script type="text/javascript">
    function getip(data){
      alert(data.ip);
    }
</script>
<script type="text/javascript" src="http://jsonip.appspot.com/?callback=getip">
</script>

Note that when you include http://jsonip.appspot.com/?callback=getip as a script in your HTML you get valid JavaScript as response:

getip({"ip": "147.234.2.5", "address":"147.234.2.5"});

-------------------------------------------------------------------------------

기타 사이트


$.get("http://ipaddress.urgulbook.com/",function(res){

    alert(res.IP);

},"jsonp");



JAVASCRIPT 접속 IP 확인하는 방법



자바스크립트로 클라이언트 IP를 확인하는 방법입니다.


PHP 같은 서버사이드 언어에서는 $_SERVER['REMOTE_ADDR'] 로 확인할 수가 있지만,


자바스크립트에서는 제공하는 함수가 없습니다.


아래예제는 서버사이드의 js를 호출하는 방식으로 IP를 가져오는 방법입니다.



▶ jQuery 방식


<script type="text/javascript" src="//code.jquery.com/jquery.min.js"></script>

<script type="text/javascript">

$(function() {

$.getJSON("https://api.ipify.org?format=jsonp&callback=?",

function(json) {

document.write(json.ip);

}

);

});

</script>



▶ JAVASCRIPT 방식


<script type="text/javascript">

function getIP(json) {

document.write(json.ip);

}

</script>

<script type="text/javascript" src="https://api.ipify.org?format=jsonp&callback=getIP"></script>



https://www.ipify.org/ 여기에 가면 언어별 사용예제가 있습니다.



공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함