How to use web viewer get ip?

Questions about Thunkable
1

How to use web viewer get ip?

1 Like
2

Which IP?

You can use one of the device library of f JavaScript to get info about your device including the IP.

3

Use this,

<!DOCTYPE html>
<html>
<head>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

  <script src="https://thunkable.github.io/webviewer-extension/thunkableWebviewerExtension.js" type="text/javascript"></script>


</head>
<body>
  
  <script>
  $.getJSON('https://api.ipify.org?format=jsonp&callback=?',   function(data) {
    console.log(JSON.stringify(data, null, 2));
    ThunkableWebviewerExtension.postMessage(JSON.stringify(data, null, 2));

  });
  </script>

</body>
</html>
1 Like
4

Thanks.

5

Successfully used

圖片
圖片640×936 30.6 KB

6

How to use ip to know the geographic location?

7

Try this,

<!DOCTYPE html>
<html>
<head>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

  <script src="https://thunkable.github.io/webviewer-extension/thunkableWebviewerExtension.js" type="text/javascript"></script>


</head>
<body>
  
  <script>
  $.getJSON('https://api.ipify.org?format=jsonp&callback=?',   function(data) {
    fetch('http://www.geoplugin.net/json.gp?ip=' + JSON.parse(JSON.stringify(data, null, 2)).ip)
    .then(response => response.json())
    .then(data => ThunkableWebviewerExtension.postMessage(data));
  });
  </script>

</body>
</html>
8

no response.

9

I found that there is no need to use the web viewer, just use the web api directly:
https://api.ipify.org/?format=jsonp&callback=
http://www.geoplugin.net/json.gp?ip=
From your (@jaythemanchs ) html.

1 Like
10

Cool. :+1: Happy Coding

11

Will the ip be hidden? Or change?