uniapp获取ip地址

在uni-app中获取IP地址的方法有多种，其中一种方法是使用引入外部JS的方式来获取。你可以在浏览器中使用以下代码来获取IP信息： ``` <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> console.log(returnCitySN["cip"], returnCitySN["cname"]) </script> ``` 这段代码会通过引入http://pv.sohu.com/cityjson?ie=utf-8这个外部JS文件来获取IP地址信息。你可以将这段代码放在你的uni-app项目中的某个页面中的<script>标签中，然后在浏览器中打开该页面，就能在控制台中看到IP信息的输出。 另外，如果你想在uni-app中直接获取IP地址，你可以使用utils.js文件中定义的getIPs方法。这个方法会获取局域网中的所有IP地址。具体的代码如下： ``` /**utils.js文件内容**/ const fun = 'function'; /**获取局域网所有ip**/ export function getIPs(success){ var IPUtils = plus.android.newObject("io.dcloud.HBuilder.ip.IPUtils"); //获取arp地址及mac信息 var hevent = plus.android.implements( "io.dcloud.HBuilder.ip.IPUtils$OnScanListener", { "scan":function(resultMap){ if(success && typeof success === fun){ success(JSON.stringify(resultMap)) } } }); //设置接口信息 plus.android.invoke(IPUtils,'setOnScanListener',hevent); //刷新arp缓存 plus.android.invoke(IPUtils,'startScan'); } ``` 你可以将这段代码放在utils.js文件中，然后在你的uni-app项目中的某个页面中引入并调用getIPs方法来获取局域网中的所有IP地址。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Android/uni-app读取局域网所有IP&MAC](https://blog.csdn.net/qq2523208472/article/details/103156623)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [uniapp如何获取IP地址](https://blog.csdn.net/dwb123456123456/article/details/116296138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

### 获取设备 IP 地址的方法 在 UniApp 开发环境中，获取设备的 IP 地址可以通过多种方式实现。以下是几种常见的方法及其适用场景： #### 方法一：通过插件 lrw-getip-getid 实现 插件 `lrw-getip-getid` 提供了一种便捷的方式来获取系统的公网 IP 和其他相关信息[^2]。该插件支持多个功能，其中包括获取系统公网 IP 的能力。开发者可以在插件市场下载并集成此插件到项目中。 安装完成后，在代码中调用其 API 即可完成 IP 地址的获取操作。具体使用示例如下： ```javascript const getIpPlugin = uni.requireNativePlugin('LrwGetIp'); getIpPlugin.getPublicIp((res) => { console.log(res); }); ``` #### 方法二：基于 Vite 配置环境变量 如果项目构建工具为 Vite，则可以利用环境变量来存储本地网络 IP 地址的信息[^3]。这种方式适用于需要动态加载本机局域网 IP 的场景。配置过程如下所示： 1. 修改项目的 `vite.config.ts` 文件，定义 BASE_IP 变量。 2. 使用 `import.meta.env.BASE_IP` 来读取已设定好的 IP 值。 需要注意的是，这种方法仅限于开发阶段或者特定环境下运行的应用程序，并不直接提供实际联网状态下的远程 IP 数据。 #### 方法三：借助第三方服务请求外部接口 当上述两种方案无法满足需求时，还可以考虑向某些公开可用的服务发送 HTTP 请求以查询当前客户端所处位置对应的外网可见 IP 地址。比如访问 http://jsonip.com 或者 https://api.ipify.org 这样的简单 RESTful 接口即可返回 JSON 格式的响应数据包含用户的公共 IPv4/IPv6 地址信息。 以下是一个简单的例子展示如何发起这样的异步 GET 请求： ```javascript uni.request({ url: 'https://api.ipify.org?format=json', method: 'GET', success: function (response) { let ipInfo = response.data; console.log(ipInfo.ip); // 打印出获得的IP地址字符串形式 }, fail: function () { console.error("Failed to fetch public IP."); } }); ``` 以上三种途径分别针对不同层次的需求提供了相应的解决方案——从内部封装好逻辑直至完全依赖外界资源获取最终结果都有覆盖。选择合适自己的那一种取决于具体的业务背景和技术约束条件等因素考量之后再做决定最为稳妥合理。