Codeigniter 4 Integrate Stripe Payment Gateway Tutorial

Apr 19, 2022

.

Admin

Codeigniter 4 Integrate Stripe Payment Gateway Tutorial

Hi Dev,

Today, I will let you know example of how to integrate stripe payment gateway in codeigniter 4 tutorial example. This article will give you simple example of stripe payment gateway in codeigniter 4. I would like to show you integrate stripe payment gateway in codeigniter 4. I would like to show you how to integrate stripe payment gateway.

Codeigniter 4 Stripe payment gateway integration tutorial; In this comprehensive example, you will learn how to implement Stripe Payment Gateway in Codeigniter using the Stripe PHP library and Stripe API key, secret.

Stripe is a notable payment processing for online business; It offers an outstanding infrastructure for payment APIs, which amplifies the transaction of payments for every business type regardless of the company’s size.

So let's start to the example.

Step 1: Install Codeigniter 4


This is optional; however, if you have not created the codeigniter app, then you may go ahead and execute the below command:

composer create-project codeigniter4/appstarter ci-news

After Download successfully, extract clean new Codeigniter 4 application.

Step 2 : Basic Configurations

So, we will now set basic configuration on the app/config/app.php file, so let’s implement to application/config/config.php and open this file on text editor.

app/config/app.php

public $baseURL = 'http://localhost:8080';

To

public $baseURL = 'http://localhost/example/';

Step 3 : Database Configurations

application/config/database.php

public $default = [

'DSN' => '',

'hostname' => 'localhost',

'username' => 'root',

'password' => '',

'database' => 'demo',

'DBDriver' => 'MySQLi',

'DBPrefix' => '',

'pConnect' => false,

'DBDebug' => (ENVIRONMENT !== 'production'),

'cacheOn' => false,

'cacheDir' => '',

'charset' => 'utf8',

'DBCollat' => 'utf8_general_ci',

'swapPre' => '',

'encrypt' => false,

'compress' => false,

'strictOn' => false,

'failover' => [],

'port' => 3306,

];

Step 4 : Install stripe package Via Composer

composer require stripe/stripe-php

To use the bindings, use the Composer’s autoload

require_once('vendor/autoload.php');

Step 5 : Set Up Controller

Further, you need to generate a new controller that manages the online stripe transaction, hence create a StripePayment file and append the example code in..

app/Controllers/StripePaymentController.php

namespace App\Controllers;

use CodeIgniter\Controller;

use CodeIgniter\HTTP\RequestInterface;

class StripePaymentController extends Controller

{

/**

* Write code on Method

*

* @return response()

*/

public function index()

{

return view('home');

}

/**

* Get All Data from this method.

*

* @return Response

*/

public function payment()

{

require_once('application/libraries/stripe-php/init.php');

$stripeSecret = 'sk_test_j5k0976GOLSOtiRzbDLpKqat00og5iM3cY';

\Stripe\Stripe::setApiKey($stripeSecret);

$stripe = \Stripe\Charge::create ([

"amount" => $this->request->getVar('amount'),

"currency" => "usd",

"source" => $this->request->getVar('tokenId'),

"description" => "Test payment from Nicesnippets.com."

]);

$data = array('success' => true, 'data'=> $stripe);

echo json_encode($data);

}

}

Step 5 : Add Routes

app/Config/Routes.php

$routes->get('/', 'Stripe::index');

Step 6 : Set Up View

Head over to application/views/ folder, create a new home file. Likewise, open and add the suggested code example in application/views/home.php file:

application/views/home.php

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<meta name="csrf-token" content="{{ csrf_token() }}">

<title>Codeigniter 4 Stripe Payment Gateway Integration - Nicesnippets.com</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<style>

.container{

padding: 0.5%;

}

</style>

</head>

<body>

<div class="container">

<div class="row">

<div class="col-md-12"><pre id="token_response"></pre></div>

</div>

<div class="row">

<div class="col-md-4">

<button class="btn btn-primary btn-block" onclick="pay(100)">Pay $100</button>

</div>

<div class="col-md-4">

<button class="btn btn-success btn-block" onclick="pay(500)">Pay $500</button>

</div>

<div class="col-md-4">

<button class="btn btn-info btn-block" onclick="pay(1000)">Pay $10000</button>

</div>

</div>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<script src="https://checkout.stripe.com/checkout.js"></script>

<script type="text/javascript">

/*------------------------------------------

--------------------------------------------

Pay

--------------------------------------------

--------------------------------------------*/

function pay(amount) {

var handler = StripeCheckout.configure({

key: 'pk_test_5f6jfFP2ZV5U9TXQYG0vtqFJ00eFVWNoRX',

locale: 'auto',

token: function (token) {

console.log('Token Created!!');

console.log(token)

$('#token_response').html(JSON.stringify(token));

$.ajax({

url:"<?php echo base_url(); ?>stripe/payment",

method: 'post',

data: { tokenId: token.id, amount: amount },

dataType: "json",

success: function( response ) {

console.log(response.data);

$('#token_response').append( '<br />' + JSON.stringify(response.data));

}

})

}

});

handler.open({

name: 'Demo Site',

description: '2 widgets',

amount: amount * 100

});

}

</script>

</body>

</html>

Step :7 Run Codeigniter App:

All the required steps have been done, now you have to type the given below command and hit enter to run the Codeigniter app:

php spark serve

Now, Go to your web browser, type the given URL and view the app output:

http://localhost:8080/

I hope it can help you...

#Codeigniter 4