DEV Community: Salman Abbas (سلیمان)

LARAVEL : EXPORT DATA TO PDF (DOMPDF)

Salman Abbas (سلیمان) — Fri, 08 Jul 2022 13:44:19 +0000

Video link:
https://youtu.be/8eMBg6pBrVs

HELLO FELLOW DEVELOPER!

How are you?

In laravel you can easily export your data in pdf format with the help of this useful package that is called dompdf. In this tutorial I have given you an example by exporting users data from database to pdf file.

Package link:
https://github.com/barryvdh/laravel-dompdf

Well we will cover this up step by step so let's follow this article or video that I have given above.

STEP # 01:
Install and configure the dompdf package first..

composer require barryvdh/laravel-dompdf

php artisan vendor:publish --provider="Barryvdh\DomPDF\ServiceProvider"

STEP #02:
Add this function in to your controller to view pdf.

public function viewPDF()
    {
        $users = User::all();

        $pdf = PDF::loadView('pdf.usersdetails', array('users' =>  $users))
        ->setPaper('a4', 'portrait');

        return $pdf->stream();

    }

Add this funtion into your controller to download pdf...

public function downloadPDF()
    {
        $users = User::all();

        $pdf = PDF::loadView('pdf.usersdetails', array('users' =>  $users))
        ->setPaper('a4', 'portrait');

        return $pdf->download('users-details.pdf');   
    }

Make route of this function:

Route::post('users/view-pdf', [HomeController::class, 'viewPDF'])->name('view-pdf');
Route::post('users/download-pdf', [HomeController::class, 'downloadPDF'])->name('download-pdf');

Well you can use any html template to export your data but let me share with you that I have used in my video.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Details</title>

    <style>
        table {
            width: 95%;
            border-collapse: collapse;
            margin: 50px auto;
        }

        /* Zebra striping */
        tr:nth-of-type(odd) {
            background: #eee;
        }

        th {
            background: #3498db;
            color: white;
            font-weight: bold;
        }

        td,
        th {
            padding: 10px;
            border: 1px solid #ccc;
            text-align: left;
            font-size: 18px;
        }


    </style>

</head>

<body>

    <div style="width: 95%; margin: 0 auto;">
        <div style="width: 10%; float:left; margin-right: 20px;">
            <img src="{{ public_path('assets/images/logo.png') }}" width="100%"  alt="">
        </div>
        <div style="width: 50%; float: left;">
            <h1>All User Details</h1>
        </div>
    </div>

    <table style="position: relative; top: 50px;">
        <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
                <th>Date Of Joining</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($users as $user)
                <tr>
                    <td data-column="First Name">{{ $user->first_name }}</td>
                    <td data-column="Last Name">{{ $user->last_name }}</td>
                    <td data-column="Email" style="color: dodgerblue;">
                        {{ $user->email }}
                    </td>
                    <td data-column="Date">
                        {{ date('F j, Y', strtotime($user->create_at)) }}
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

</body>

</html>

If you have any queries or issue pin your comments below or watch the video!

https://youtu.be/8eMBg6pBrVs

THANKS!!!

PayPal Integration Laravel

Salman Abbas (سلیمان) — Fri, 24 Jun 2022 12:51:37 +0000

You can follow this video:

https://www.youtube.com/watch?v=GVrbVXLfFzw&t

Step # 01 :

Create PayPal account:

https://developer.paypal.com/

By creating an account there will be two options as shown in the video. One is the sandbox account option and the other one is the Live account option. If you want to test or working in a development then you should create sandbox account and if you are working on a live server then you will use live option.

Now after creating new app, you can see your client id and secrect id.

Step # 02 :

Now add these above client id and secrect id in your .env file.

Step # 03 :

Now let's add a model and migration and connect to your database:

php artisan make:model Payment -m


        Schema::create('payments', function (Blueprint $table) {
            $table->id();
            $table->string('payment_id');
            $table->string('payer_id');
            $table->string('payer_email');
            $table->float('amount', 10, 2);
            $table->string('currency');
            $table->string('payment_status');
            $table->timestamps();
        });

php artisan migrate

Step # 04 :

Now let's install a package that we are going to use to integrate PayPal api into our application:

composer require league/omnipay omnipay/paypal

Step # 05 :

Now let's make a controller :

php artisan make:controller PaymentController

This will be our controller code :


<?php

namespace App\Http\Controllers;

use App\Models\Payment;
use Illuminate\Http\Request;
use Omnipay\Omnipay;

class PaymentController extends Controller
{
    private $gateway;

    public function __construct() {
        $this->gateway = Omnipay::create('PayPal_Rest');
        $this->gateway->setClientId(env('PAYPAL_CLIENT_ID'));
        $this->gateway->setSecret(env('PAYPAL_CLIENT_SECRET'));
        $this->gateway->setTestMode(true);
    }

    public function pay(Request $request)
    {
        try {

            $response = $this->gateway->purchase(array(
                'amount' => $request->amount,
                'currency' => env('PAYPAL_CURRENCY'),
                'returnUrl' => url('success'),
                'cancelUrl' => url('error')
            ))->send();

            if ($response->isRedirect()) {
                $response->redirect();
            }
            else{
                return $response->getMessage();
            }

        } catch (\Throwable $th) {
            return $th->getMessage();
        }
    }

    public function success(Request $request)
    {
        if ($request->input('paymentId') && $request->input('PayerID')) {
            $transaction = $this->gateway->completePurchase(array(
                'payer_id' => $request->input('PayerID'),
                'transactionReference' => $request->input('paymentId')
            ));

            $response = $transaction->send();

            if ($response->isSuccessful()) {

                $arr = $response->getData();

                $payment = new Payment();
                $payment->payment_id = $arr['id'];
                $payment->payer_id = $arr['payer']['payer_info']['payer_id'];
                $payment->payer_email = $arr['payer']['payer_info']['email'];
                $payment->amount = $arr['transactions'][0]['amount']['total'];
                $payment->currency = env('PAYPAL_CURRENCY');
                $payment->payment_status = $arr['state'];

                $payment->save();

                return "Payment is Successfull. Your Transaction Id is : " . $arr['id'];

            }
            else{
                return $response->getMessage();
            }
        }
        else{
            return 'Payment declined!!';
        }
    }

    public function error()
    {
        return 'User declined the payment!';   
    }

}

Step # 06 :

Now let's make make routes :


Route::get('/', [HomeController::class, 'index']);
Route::post('pay', [PaymentController::class, 'pay'])->name('payment');
Route::get('success', [PaymentController::class, 'success']);
Route::get('error', [PaymentController::class, 'error']);

You are good to go, now you can easily use the route in your checkout form.

I hope it will be helpful!

Comment below if you face any issue.

Thanks!

Integrating Google re-Captcha In Laravel

Salman Abbas (سلیمان) — Thu, 24 Feb 2022 08:39:30 +0000

Hello!

The aim of this simple blog post is to give you the demonstration of how you can add google capthca verification in your laravel application.

Video link of this same post.
https://youtube.com/watch?v=KzWJDV00ITc&t

The package that we will going to use:
https://github.com/anhskohbo/no-captcha

Step #01:

Installing package

composer require anhskohbo/no-captcha

Step # 02:

Go to app/config/app.php file of your project and then go to the providers array and add this class to the providers array.

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class,

Now, in the same file go to the aliases array and add this package aliase.

Anhskohbo\NoCaptcha\NoCaptchaServiceProvider::class,

Now, Let's publish the config file.

php artisan vendor:publish --provider="Anhskohbo\NoCaptcha\NoCaptchaServiceProvider"

Step # 03

Now let's configure this package, To configure this you need to add add NOCAPTCHA_SECRET and NOCAPTCHA_SITEKEY in .env file.

Go to the .env file and add these lines:

NOCAPTCHA_SECRET=secret-key
NOCAPTCHA_SITEKEY=site-key

Now you need to generate these secret key and site key from google re-captcha form.

Link to generate google re-Captcha keys:
https://www.google.com/recaptcha/admin/create

This is the form here from where you can generate these keys.
If you are on a local-server so the below form fields will work great for you but if you are on a live server you just need to add your domain.

Step # 04

Now, we will see that how you can you display this re-captcha in the front-end part of your application.

<div>
 {!! NoCaptcha::renderJs() !!}
 {!! NoCaptcha::display() !!}
</div>

By adding the above div in to the front end of your blade file, the re-captcha will be displayed.

I hope this blog will help you in any manner to learn how to add re-Captcha verification in your laravel application.

If you have any queries or questions or facing any problems, Feel free to mention here in the comment below.

Thanks!

Video Link :
https://youtube.com/watch?v=KzWJDV00ITc&t

WHAT IS SOURCETREE? HOW TO INSTALL IT?

Salman Abbas (سلیمان) — Sat, 01 Jan 2022 17:53:32 +0000

Hey folks!

In this blog we will learn about sourcetree.

So first of all what is sourcetree?

Sourcetree is a gui application (desktop client app) that helps
you to interact with your git repository. 
Basically you can perform almost all operations on your git repository.

So, if you want say good bye to your command line or 
if you want to learn github without using command line 
or github commands then sourcetree would be the best solution for you.

Now Let's Download Sourcetree:
Go to https://sourcetreeapp.com/ then download the installer

then Install the setup:
Installing sourcetree is simple as you install other simple softwares but if you are facing any issue.

So, You can follow this video https://www.youtube.com/watch?v=vx68MO3k_Ys

Thanks!

Email Verification After User Registration In Laravel

Salman Abbas (سلیمان) — Mon, 27 Dec 2021 14:02:19 +0000

How to verify user after registration?

In this blog post, we will learn how to implement email verification after user registration. We will implement this in three simple steps with the help of this post.

No matter if you have laravel/ui authentication or laravel/breeze authentication or any simple authentication you are using. In both authentication you just have to follow these steps.

Step #01: Create Or Open Laravel App:

Go to the user model App\Model\User.php
Implements MustVerifyEmail interface in User class

Include Destination

use Illuminate\Contracts\Auth\MustVerifyEmail;

Implements Interface

class User extends Authenticatable implements MustVerifyEmail

Step #02: Now let's assign middleware to the routes

Middleware you have to assign is the **verified middleware**

Route::get('/dashboard', function () {
    return view('dashboard');
})->middleware(['auth','twofactor','verified'])>name('dashboard');

Step # 03: Use Email Testing Tool

You can use mailtrap.io or any email testing tool.

1. First Create Your Inbox

Now, let's go to the smtp settings and copy laravel details..

Now, paste these details in your .env file

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=1e8ad4d5513cbb
MAIL_PASSWORD=84a6b3c29196fc
MAIL_ENCRYPTION=tls

Also you have add your email from which you have registered to the mailtrap.

MAIL_FROM_ADDRESS=youremail@email.com

Now, Your application will have email verification service after user registration.

If you follow all steps

I hope this video will help you in implementing email verification in your laravel authentication.

Thanks!

Helpful video :
https://www.youtube.com/watch?v=C91xjfQZtxE

Log In & Registration With Laravel/Ui - In Laravel

Salman Abbas (سلیمان) — Mon, 27 Dec 2021 12:32:30 +0000

Hello guys!

This post aims to give you the demonstration of " How to add authentication in laravel with laravel/ui package".

You can just follow some simple steps from this post to add log-in and registration options in laravel 8.x with the help of laravel/ui.

Step # 01: Create Laravel App

composer create-project laravel/laravel LaravelApp

Open this app in your vs code editor.

Step # 02: Installing laravel/UI package
Run in vs code terminal

composer require laravel/ui

Step # 03: Installing front end scaffolding
Now, You have three options here. (Bootstrap, Vue, React) You have to choose one.

For Bootstrap:

php artisan ui bootstrap

For Vue:

php artisan ui vue

For React:

php artisan ui react

Step # 04: Now run

npm install

and also

npm run dev

Step # 05: Install Authentication

But remember if you choose bootstrap scaffolding in previous
command then you have to run the below command

php artisan ui bootstrap --auth

and if you choose Vue then

php artisan ui vue --auth

and if you choose React then

php artisan ui react --auth

Now, you have successfully installed the authentication in your application.

Let's just run

php artisan migrate

I hope this will help you to add authentication (login and registration) option in your laravel app with laravel/ui package.

If you are facing any issue regarding to this then feel free to mention in the comment.

Thanks!

Video Link:
https://www.youtube.com/watch?v=Agx4xITyYgQ&t