Laravel IP Address Using Get Location Example

Laravel IP Address Using Get Location Example

Hi Dev,

Today,I will learn you how to get location useing ip address in laravel. we will show example of laravel ip address using get location. you can easy to get location useing ip address in laravel.In this example, I will useing stevebauman/location packege get location useing ip address in laravel.

Many time you will need to get visitor's details for security, spam prevention etc. It's very easy to get visitor ip address and their location in PHP Laravel.

Step 1: Install stevebauman/location

Now, We will install stevebauman/location package using below command.Require this package with composer. It is recommended to only require the package for development.

composer require stevebauman/location
Step 2: Add providers and aliases

In this step,We will add below providers and aliases in the "config/app.php" file.

config/app.php
'providers' => [
  ....
  Stevebauman\Location\LocationServiceProvider::class,
],
'aliases' => [
  ....
  'Location' => Stevebauman\Location\Facades\Location::class,
]
Step 3:config with the publish command

In this step,I will publish Stevebauman\Location\LocationServiceProvider package follwing command.

php artisan vendor:publish --provider="Stevebauman\Location\LocationServiceProvider"
Step 4: Route routes/web.php
<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\LocationController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
Route::get('location',[LocationController::class,'index']);
Step 5:Controller : app/Http/Controllers/LocationController.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;

class LocationController extends Controller
{
  public function index(Request $request)
    {
      $ip= $request->ip();
      $data = \Location::get($ip);
      dd($data);
    }
}

Now we are ready to run our form laravel,laravel ip address using get location example so run bellow command for quick run:

php artisan serve

Now you can open bellow URL on your browser:

localhost:8000/location

You will see layout as like bellow:

OutPut
Stevebauman\Location\Position {#1479 
  +ip: "43.241.145.109"
  +countryName: "India"
  +countryCode: "IN"
  +regionCode: "GJ"
  +regionName: "Gujarat"
  +cityName: "Rajkot"
  +zipCode: "360004"
  +isoCode: null
  +postalCode: null
  +latitude: "22.2916"
  +longitude: "70.7932"
  +metroCode: null
  +areaCode: "GJ"
  +driver: "Stevebauman\Location\Drivers\IpApi"
}
It will help you....

React Native Flexbox Tutorial With Example

React Native Flexbox Example

Hi Dev,

Today, I will learn you how to create flexbox in react native. You can easily create flexbox in react native. First i will import namespace View, after I will make flexbox using View tag in react native.

Here, I will give you full example for simply display flexbox using react native as bellow.

Step 1 - Create project

In the first step Run the following command for create project.

expo init flexbox 
Step 2 - App.js

In this step, You will open App.js file and put the code.

import React, { Component } from 'react'
import { View, StyleSheet } from 'react-native'

const Home = (props) => {
   return (
      <View style = {styles.container}>
         <View style = {styles.redbox} />
         <View style = {styles.greenbox} />
         <View style = {styles.corolbox} />
         <View style = {styles.purplebox} />
      </View>
   )
}

export default Home

const styles = StyleSheet.create ({
   container: {
      flexDirection: 'column',
      justifyContent: 'center',
      alignItems: 'center',
      paddingTop: 130
   },
   redbox: {
      width: 100,
      height: 100,
      backgroundColor: 'red'
   },
   corolbox: {
      width: 100,
      height: 100,
      backgroundColor: '#ff7f50'
   },
   greenbox: {
      width: 100,
      height: 100,
      backgroundColor: 'green'
   },
   purplebox: {
      width: 100,
      height: 100,
      backgroundColor: 'purple'
   }
})
Step 3 - Run project

In the last step run your project using bellow command.

expo start
It will help you...