Juan Felipe Duarte
013061c1d6
Added properties and event listener to ShowIpTest component to display both public IP (from Laravel) and local IP (from JavaScript). Updated Blade view to show both IPs and included a script to detect local IP using WebRTC and dispatch it to Livewire.
34 lines
1.2 KiB
PHP
34 lines
1.2 KiB
PHP
<div x-data>
|
|
<div class="p-6 bg-white shadow rounded">
|
|
<h2 class="text-xl font-bold mb-4">IPs del Usuario</h2>
|
|
|
|
<div class="space-y-2">
|
|
<p><strong>IP pública (Laravel):</strong> {{ $public_ip }}</p>
|
|
<p><strong>IP local (JavaScript):</strong> {{ $local_ip ?? 'Detectando...' }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function getLocalIP(callback) {
|
|
const pc = new RTCPeerConnection({ iceServers: [] });
|
|
pc.createDataChannel('');
|
|
pc.createOffer().then(offer => pc.setLocalDescription(offer));
|
|
pc.onicecandidate = event => {
|
|
if (!event || !event.candidate) return;
|
|
const candidate = event.candidate.candidate;
|
|
const ipMatch = candidate.match(/([0-9]{1,3}(\.[0-9]{1,3}){3})/);
|
|
if (ipMatch) {
|
|
callback(ipMatch[1]);
|
|
pc.close();
|
|
}
|
|
};
|
|
}
|
|
|
|
document.addEventListener('livewire:load', () => {
|
|
getLocalIP(ip => {
|
|
window.Livewire.dispatch('setLocalIP', { ip });
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|