如何以角度（打字稿）从浏览器获取客户端ip地址

Question

嘿，如果您能提供一个示例，其中类型脚本类可以获取客户端ip地址和客户端使用的浏览器并在变量中设置这些值，我将不胜感激。>

我想在类型脚本中而不是在Java脚本中执行此操作，如果没有，如何使用类型脚本执行此操作

-所以例如我可以1）在将表单提交到后端的数据库时设置这些变量2）我可以例如为用户显示他正在使用的浏览器任何帮助将不胜感激谢谢

嘿，如果您能提供一个示例，其中类型脚本类可以获取客户端ip地址和客户端使用的浏览器，并在...中设置这些值，我将不胜感激。]

Answer 1

非常感谢，非常好的解决方案我将其作为解决问题的基础，但我没有解决它，因为它为我提供了互联网服务器的公共IP。对于具有DHCP的内部网络，请通过以下方式更改URL：

  getIpCliente(): Observable<string> {
      return this.http.get('http://api.ipify.org/?format=jsonp&callback=JSONP_CALLBACK') // ...using post request '
      .map((res:Response) => {console.log('res ', res);
                              console.log('res.json() ', res.text());
                              //console.log('parseado ', JSON.parse(res.text()));
                              console.log('parseado  stringify ', JSON.stringify(res.text()));
                              let ipVar = res.text();
                              let num = ipVar.indexOf(":");
                              let num2 = ipVar.indexOf("\"});");
                              ipVar = ipVar.slice(num+2,num2);
                              console.log('ipVar -- ',ipVar);
                              return ipVar}); // ...and calling .json() on the response to return data
      //.catch((error:any) => Observable.throw(error.json().error || 'Server error')); //...errors if any
  }

Answer 2

您应该尝试这样

Answer 3

尝试一下：

Answer 4

今天我遇到了同样的问题，我来这里是为了寻找解决方案。然后，使用http://api.ipify.org服务，我的访问被CORS策略阻止。