【Laravel6】Stripeを使って単発決済を実装する方法【簡単でした】

この記事は、PHPのフレームワーク「Laravel」で、オンライン決済サービス「Stripe」を使って単発決済を実装する方法の解説記事です。

思っていた以上に簡単だったので、決済を実装したい方は参考にしてみてください。

私（わや@wayasblog）自身、Laravelを最近勉強し始めたので、かなり丁寧に解説した初心者向けの記事となっています。

コードだけ見たい！という方は、こちら（GitHub）からどうぞ。

» Laravelで作成したアプリやアウトプットの一覧はこちら

クリックできる目次

Stripeを使った単発決済のイメージ
初期設定
コントローラーの作成
ルーティングの設定
ビューの作成
1. index.blade.php
2. complete.blade.php
完成
【まとめ】Stripeを使って単発決済を実装する方法
最後に宣伝

Stripeを使った単発決済のイメージ

スクリーンショット＋動画で紹介していきます。

決済ボタンがあるページ

ボタンだけのシンプルなページです。

クレカ情報を入力するページ

支払い時の様子

初期設定

Laravelのインストール、Stripeを使用するための初期設定をしていきましょう。

Laravelインストール

composer create-project --prefer-dist laravel/laravel stripe "6.*"

Laravel Cashierインストール

Stripe向けCashierパッケージをComposerでインストールします。

composer require laravel/cashier

ここで、以下のようなエラーが出ました。

PHP Fatal error:  Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/Solver.php on line 223

Fatal error: Allowed memory size of 1610612736 bytes exhausted (tried to allocate 4096 bytes) in phar:///usr/local/bin/composer/src/Composer/DependencyResolver/Solver.php on line 223

どうやらphp.iniのmemory_limitを上げれば解決するようです。

/etc/php.iniのmemory_limitを以下のように変更します。

; Maximum amount of memory a script may consume (128MB)
; http://php.net/memory-limit
memory_limit = -1

-1にすると、PHPのメモリ上限が無制限になるようです。

再度インストールしてみると、上手くいきました。

Stripeに登録

まずは、以下からStripeのアカウント登録をしましょう。

Stripe | インターネット向け金融インフラ

Stripe は、あらゆる規模のビジネスに対応したオンライン・対面支払いの処理と金融のソリューションを提供しています。豊富な API とコード不要のツールで、決済の受け付け、入金、財務プロセスの自動化を行うことができます。

テストAPIキー取得

アカウント登録できたら、以下のような画面に行くと思います。

公開可能キー
シークレットキー

上記の２つを使います。

特にシークレットキーは外部に漏れないように気をつけましょう。

APIキーを.envファイルに記入

.envファイルの１番下に、以下を追記しましょう。

STRIPE_KEY=自分の公開キー
STRIPE_SECRET=自分のシークレットキー

以上で、下準備は終わりです。

コントローラーの作成

今回のStripeの処理は、コントローラーに書いていきます。

php artisan make:controller PaymentsController

※Laravelの規約に従うため、コントローラー名は必ず複数形にします。

app/Http/Controllers/PaymentsController.phpが作成されました。

ここに、以下のfunctionを作っていきます。

index：決済ボタンを表示するページ
payment：Stripeの処理
complete：決済完了ページ

以下のようになりました。

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Stripe\Stripe;
use Stripe\Customer;
use Stripe\Charge;

class PaymentsController extends Controller
{
    public function index()
    {
        return view('index');
    }

    public function payment(Request $request)
    {
        try
        {
            Stripe::setApiKey(env('STRIPE_SECRET'));

            $customer = Customer::create(array(
                'email' => $request->stripeEmail,
                'source' => $request->stripeToken
            ));

            $charge = Charge::create(array(
                'customer' => $customer->id,
                'amount' => 1000,
                'currency' => 'jpy'
            ));

            return redirect()->route('complete');
        }
        catch(Exception $e)
        {
            return $e->getMessage();
        }
    }

    public function complete()
    {
        return view('complete');
    }
}

use宣言を忘れずに書きましょう。

ルーティングの設定

routes/web.phpを編集します。

// 決済ボタンを表示するページ
Route::get('/', 'PaymentsController@index')->name('index');

// Stripeの処理
Route::post('/payment', 'PaymentsController@payment')->name('payment');

// 決済完了ページ
Route::get('/complete', 'PaymentsController@complete')->name('complete');

ビューの作成

resources/viewsに、

index.blade.php
complete.blade.php

以上の２つのbladeテンプレート作成します。

index.blade.php

<!DOCTYPE html>
<html lang="ja">
<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">
    <title>Stripeテスト</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
    <form action="{{ asset('payment') }}" method="POST" class="text-center mt-5">
        {{ csrf_field() }}
        <script
            src="https://checkout.stripe.com/checkout.js" class="stripe-button"
            data-key="{{ env('STRIPE_KEY') }}"
            data-amount="1000"
            data-name="Stripe Demo"
            data-label="決済をする"
            data-description="これはStripeのデモです。"
            data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
            data-locale="auto"
            data-currency="JPY">
        </script>
    </form>
</body>
</html>

complete.blade.php

<!DOCTYPE html>
<html lang="ja">
<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">
    <title>Stripeテスト - 完了</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
    <p class="text-center mt-5">決済が完了しました！</p>
</body>
</html>