node.js使用免费的阿里云ip查询获取ip所在地【推荐】


Posted in Javascript onSeptember 03, 2018

在项目过程中,我们常常需要获取IP的所在地。而这一功能一般都是通过一些数据网站的对外接口来实现,这些接口一般情况下都是付费使用的。在这篇文章中我将记录,基于node.js的阿里云免费IP地址查询接口的使用。

1.购买服务

https://market.aliyun.com/products/57002003/cmapi010805.html?spm=5176.2020520132.101.9.R0owP9#sku=yuncode480500000

 这是阿里云的一个AIP接口,点击上面链接后你会进入以下页面

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

点击购买后,会让你登录。阿里云可以用淘宝账户登录,想来应该大家都有。并且这个API不要钱100万次查询,应该足够支撑所有的非商业用途了。

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

购买后在控制台的云市场中你可以找到这个订单,点击右侧的接口进入AIP使用教程界面

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

这里进去之后是刚才的购买页面,向下滑动就可以看到该API的使用方法

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

这里有各种语言的官方示例,当然意料之中的没有Node版,所以下方我将介绍Node的使用方法

2.搭建服务器

由于本文主题是使用该接口,所以如果搭建服务器有描述不清的地方请大家谅解。

这里我使用express搭建的服务器

先创建一个test文件夹

文件夹里有两个文件

第一个是test.js(服务器配置文件)

第二个是package.json(用于引入express模块)

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

//这里是测试文件test.js
 const http = require('http'),
  express = require('express'),
  app = express();
 app.use('/',function (req,res) {//访问localhost所有的请求都会进入这里
  res.send('服务器启动');
 });
 http.createServer(app).listen(80,'0.0.0.0');//创建服务器实例
{
 "name": "test",
 "version": "1.0.0",
 "dependencies": {
  "express": "latest"
 }
}
//package.json

先在package.json中右键 npm install(cnpm也行)

我的编译器是webstorm(不一样的同学请按自己的来操作)

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

安装完成后就可以运行test.js了

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

服务器启动后我们打开浏览器测试一下

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

到这里服务器的搭建就完成了

下面进入Api的使用

3.Api接口的调用

在之前的官方页面中有个调试工具点进去你会看见

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

 根据这个我们进行相关的配置

首先我们要引入https因为这个请求虽然是get但是要使用https(之前被这个卡了好久一直没有找到原因)

let option = {
  hostname:"dm-81.data.aliyun.com",//上图的接口域名
  path:`/rest/160601/ip/getIpInfo.json?ip=${ip}`,//上图的path格式 在最后附上你要查询的IP地址(我这里是获取的用户的IP)
  headers:{//设置请求头
   "Content-Type":"application/json; charset=utf-8",
   "Authorization": "APPCODE 这里是你阿里云中那个appcode",
  }
 };

appcode

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

配置参数完成后就可以开始写https请求了

https.request使用方法与http.request 一致详情请见官网文档(http://nodejs.cn/api/http.html#http_http_request_options_callback)

let re = https.request(option,(Res)=>{//为了与外层的res区别故此处响应文件用Res
  Res.setEncoding('utf8');
  if(Res.statusCode===200){//若http状态码为200则请求成功
   Res.on('data', (data) => {
    res.send(data);//将接口返回的数据返回到页面上
   });
  }
 });
 re.on('error', (e) => {
  console.error(`请求遇到问题: ${e.message}`);
 });
 re.end();

下面粘出完整代码(需要的同学拿走请注明出处 把appcode换成你自己的即可 创作不易望大家点点订阅 手动滑稽)

//这里是测试文件
const http = require('http'),
 https = require('https'),
 express = require('express'),
 app = express();
app.use('/',function (req,res) {//访问localhost所有的请求都会进入这里
 let ip = req.headers['x-forwarded-for'] ||
  req.connection.remoteAddress ||
  req.socket.remoteAddress ||
  req.connection.socket.remoteAddress;
 let option = {
  hostname:"dm-81.data.aliyun.com",//上图的接口域名
  path:`/rest/160601/ip/getIpInfo.json?ip=${ip}`,//上图的path格式 在最后附上你要查询的IP地址(我这里是获取的用户的IP)
  headers:{//设置请求头
   "Content-Type":"application/json; charset=utf-8",
   "Authorization": "APPCODE 你的appcode",
  }
 };
 let re = https.request(option,(Res)=>{//为了与外层的res区别故此处响应文件用Res
  Res.setEncoding('utf8');
  if(Res.statusCode===200){//若http状态码为200则请求成功
   Res.on('data', (data) => {
    res.send(data);//将接口返回的数据返回到页面上
   });
  }
 });
 re.on('error', (e) => {
  console.error(`请求遇到问题: ${e.message}`);
 });
 re.end();
});
http.createServer(app).listen(80,'0.0.0.0');//创建服务器实例

然后我们再次访问 服务器那个页面返回结果如下(这里我是本地测试所以返回值为内网IP)

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

 到这里就可以查到访问用户的IP所在地了

总结

以上所述是小编给大家介绍的node.js使用免费的阿里云ip查询获取ip所在地,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js 实现日期灵活格式化的小例子
Jul 14 Javascript
js获取IP地址的方法小结
Jul 01 Javascript
深入了解Node.js中的一些特性
Sep 25 Javascript
js获取url传值的方法
Dec 18 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
微信小程序中hidden不生效原因的解决办法
Apr 26 Javascript
Bootstrap Table使用整理(一)
Jun 09 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
详解Vue.js 可拖放文本框组件的使用
Mar 03 Vue.js
react在安卓中输入框被手机键盘遮挡问题的解决方法
Sep 03 #Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 #Javascript
VUE预渲染及遇到的坑
Sep 03 #Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
Sep 03 #Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 #Javascript
vue完成项目后,打包成静态文件的方法
Sep 03 #Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 #Javascript
You might like
通俗易懂的php防注入代码
2010/04/07 PHP
PHP二维数组的去重问题解析
2011/07/17 PHP
PHP制作图形验证码代码分享
2014/10/23 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
php写入文件不覆盖的实例讲解
2019/09/17 PHP
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
2011/04/07 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
JavaScript实现网页上的浮动广告的简单方法
2013/06/14 Javascript
按钮接受回车事件的三种实现方法
2014/06/06 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
JS实现转动随机数抽奖特效代码
2020/04/16 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
详解前端自动化工具gulp自动添加版本号
2016/12/20 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
实例讲解JavaScript截取字符串
2018/11/30 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
django模板语法学习之include示例详解
2017/12/17 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
pandas带有重复索引操作方法
2018/06/08 Python
一家专门做特卖的网站:唯品会
2016/10/09 全球购物
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
J2EE模式面试题
2016/10/11 面试题
历史系毕业生自荐信
2013/10/28 职场文书
客房主管岗位职责
2013/12/09 职场文书
教育专业自荐书范文
2013/12/17 职场文书
市场营销个人求职信范文
2014/02/02 职场文书
职务聘任书范文
2014/03/29 职场文书
银行党员批评与自我批评
2014/10/15 职场文书
优秀志愿者感言
2015/08/01 职场文书
js之ajax文件上传
2021/05/13 Javascript
使用HttpSessionListener监听器实战
2022/03/17 Java/Android