uniapp开发 如何获取IP地址?

一定要看到最后!!!

一、需求

使用uniapp开发小程序时,需要调取【记录日活动统计】的接口,而这个接口需要传递一个ip给后台,
那么前端如何获取ip呢?下面代码里可以实现
在这里插入图片描述

二、代码实现

1.在项目的manifest.json中配置一下网络权限:

在这里插入图片描述

	"permissions": {
		  "network": {
		    "description": "用于获取网络状态和IP地址"
		  }
		},

注意把上面的代码放到 第一层的“app-plus”下面,不要和安卓的权限弄混了

2.然后在你想要获取ip的页面,加入下面的代码

打印的ip就是,运行在手机上的ip。
在这里插入图片描述

	 uni.request({
			url: 'https://api.ipify.org?format=json',
			success: function(res) {
				var ip = res.data.ip;
				console.log('IP地址:', ip);
			}
		});

在这里插入图片描述

这个获取ip的地址“https://api.ipify.org?format=json”,在微信开发者工具上和小程序体验版都可以,但是,在正式版本无法调用,然后准备在小程序后台配置一下合法域名,也配置不了,说明这个接口没法使用。

最后是后端获取的ip

相关推荐

  1. vue获取主机idIP地址

    2024-04-21 10:22:01       34 阅读
  2. IP地址地理位置如何确定?

    2024-04-21 10:22:01       11 阅读
  3. 多网卡情况下如何获取连接的ip地址c++

    2024-04-21 10:22:01       25 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-21 10:22:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-21 10:22:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-21 10:22:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-21 10:22:01       20 阅读

热门阅读

  1. TensorFlow 的基本概念和使用场景

    2024-04-21 10:22:01       15 阅读
  2. 【微服务】Gateway的基本配置详解

    2024-04-21 10:22:01       17 阅读
  3. pytorch中torch.roll用法说明

    2024-04-21 10:22:01       17 阅读
  4. web server apache tomcat11-03-deploy 如何部署

    2024-04-21 10:22:01       17 阅读
  5. 如何防止重复下单

    2024-04-21 10:22:01       15 阅读
  6. 【基础】伐木工

    2024-04-21 10:22:01       14 阅读