首页 > 其他分享 >vue获取内网ip

vue获取内网ip

时间:2022-11-25 09:35:55浏览次数:44  
标签:function RTCPeerConnection vue candidate ip pc var 内网

vue获取内网ip

函数

getIPs1(callback) {
    var ip_dups = {};

    //compatibility for firefox and chrome
    var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;
    var useWebKit = !!window.webkitRTCPeerConnection;

    //bypass naive webrtc blocking using an iframe
    if (!RTCPeerConnection) {
        //NOTE: you need to have an iframe in the page right above the script tag
        //
        //<iframe id="iframe" sandbox="allow-same-origin" style="display: none"></iframe>
        //<script>...getIPs called in here...
        //
        var win = iframe.contentWindow;
        RTCPeerConnection = win.RTCPeerConnection || win.mozRTCPeerConnection || win.webkitRTCPeerConnection;
        useWebKit = !!win.webkitRTCPeerConnection;
    }

    //minimal requirements for data connection
    var mediaConstraints = {
        optional: [{RtpDataChannels: true}]
    };

    var servers = {iceServers: [{urls: "stun:stun.services.mozilla.com"}]};

    //construct a new RTCPeerConnection
    var pc = new RTCPeerConnection(servers, mediaConstraints);

    function handleCandidate(candidate) {
        //match just the IP address
        var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/
        var ip_addr = ip_regex.exec(candidate)[1];

        //remove duplicates
        if (ip_dups[ip_addr] === undefined) callback(ip_addr);

        ip_dups[ip_addr] = true;
    }

    //listen for candidate events
    pc.onicecandidate = function (ice) {

        //skip non-candidate events
        if (ice.candidate) handleCandidate(ice.candidate.candidate);
    };

    //create a bogus data channel
    pc.createDataChannel("");

    //create an offer sdp
    pc.createOffer(function (result) {

        //trigger the stun server request
        pc.setLocalDescription(result, function () {
        }, function () {
        });

    }, function () {
    });

    //wait for a while to let everything done
    setTimeout(function () {
        //read candidate info from local description
        var lines = pc.localDescription.sdp.split('\n');

        lines.forEach(function (line) {
            if (line.indexOf('a=candidate:') === 0) handleCandidate(line);
        });
    }, 1000);
}

使用

getIPs1(function (ip) {
    console.log(ip);
    localStorage.setItem('ipinfo', ip)
});

'''
	这里我是把获取到的内网ip保存到了localStorage中,可以按需要修改
'''

标签:function,RTCPeerConnection,vue,candidate,ip,pc,var,内网
From: https://www.cnblogs.com/chunyouqudongwuyuan/p/16924139.html

相关文章

  • Vue3学习(九)
    路由学习:1:路由传参<template><divclass="cls">这是电影<h2>{{$route.params.id}}</h2><h2>{{$route.params.type}}-{{$route.params}}<......
  • JavaScript中类型转换
    原文链接:https://zhuanlan.zhihu.com/p/516440022一、概述前面我们讲到,JS中有六种简单数据类型:undefined、null、boolean、string、number、symbol,以及引用类型:obj......
  • 汽车智能座舱-半导体公司IPO过会-欧洲芯片三雄
    汽车智能座舱-半导体公司IPO过会-欧洲芯片三雄参考文献链接https://mp.weixin.qq.com/s/AJ_6MHTIqDqHSclujhpKHQhttps://mp.weixin.qq.com/s/RQcO0bh4BF_mMzXShjXr7wht......
  • [Typescript] 115. Hard - Drop String
    Dropthespecifiedcharsfromastring.Forexample:typeButterfly=DropString<'foobar!','fb'>//'ooar!' /*_____________YourCodeHere_____________......
  • vue3中watch监听不是你想的那样简单
    vue3中watch监听数组,数组变化后未触发回调今天发生了一个很神奇的现象,就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到......
  • Vue -- Mixin混入(二)
    前言使用Mixin混入自定义属性自定义属性:就是直接写在组件里的属性定义一个Mixin,并写入自定义属性 constmyMixin={num:1};创建vue实例,定义......
  • 45个超实用的JavaScript技巧及最佳实践 一 (收藏)
    1.第一次给变量赋值时,别忘记var关键字如果初次赋值给未声明的变量,该变量会被自动创建为全局变量,在​​JS​​开发中,应该避免使用全局变量,这是大家容易忽略的错误。2.使用===......
  • 45个超实用的JavaScript技巧及最佳实践(二)
    45个超实用的JavaScript技巧及最佳实践(一)21.使用逻辑AND/OR来处理条件语句varfoo=10;foo==10&&doSomething();//isthesamethingasif(foo==10)doSomething......
  • Python获取当前在线设备ip和mac地址
    获取局域网所在的网段withos.popen("ipconfig/all")asres:forlineinres:line=line.strip()ifline.startswith("IPv4"):i......
  • TypeScript类型(二)
    对象 示例://#regionjs写法//object表示一个js对象leta:object;a={};a=function(){};//#endregion//#regionTypeScript写法//{}用来指定对......