Laravel8にStripeで決済機能をつけてみる【お試し編】

LaravelのアプリにStripeで決済機能を付ける方法を解説します。

今回は、30分程度で試せる超基本の部分を紹介します。

「Stripeってどんなだろ。」

「Laravelとの連携をちょっと試してみたい。」

という方の参考になればうれしいです。

Laravel8にStripeで決済機能をつける方法【初級編：通常の支払い】

Laravel8にStripeで決済機能をつける方法【初級編：通常の支払い】

Laravelのプロジェクトがあり、データベースとの連携などはすべて終わっているという前提で解説していきます。

もしまだの方は、こちらの記事でLaravelのインストール方法を詳しく解説しているので参考にしてください。

Laravel 12 対応：インストールと環境構築：XAMPP & Node 使用・Windows 編【Laravel 入門講座】

Windows環境でXAMPP(ザンプ）を使ったLaravelのインストール・開発環境構築方法を解説します。最初はインストールするものも多いので、すごくスムーズに進められたとして、2～3時間は見ておいたほうが良いでしょう。はまると、もっとか...

①Stripeのアカウントを作成する

もしまだの方は、stripeのアカウントを作成します。

Stripe Login | Sign in to the Stripe Dashboard

Sign in to the Stripe Dashboard to manage business payments and operations in your account. Manage payments and refunds,...

作成後、メールアドレスで認証もしておきましょう。

②envファイルの設定

ログイン後「テストAPIキーの取得」をクリック。

公開可能キーとシークレットキー情報が表示されます。

Laravelの.envファイルの最後に、この2つの情報を追加します。

STRIPE_KEY=公開可能キーを入力
STRIPE_SECRET=シークレットキーを入力

③ Cashierをインストール

LaravelにStripe向けのCashierパッケージをインストールします。

composer require laravel/cashier

メモリ不足エラーになった場合

なお、私の環境では「メモリが足りない」”memory size exhausted” エラーが出てしまいました。

この場合、Xampp/PHPなどに入っている php.iniファイルの設定を変更します。

php.iniファイルを開き、「memory_limit」で検索をかけます。

デフォルトでは、512Mになっています。

お好みですが、memory_limit = 2048M 程度に上限を増やしておきます。

④ コントローラーを作成

コントローラーを新規作成します

php artisan make:controller StripeController

app/Http/Controllerの中にファイルができています。

下記を記述してください。

use Stripe\Stripe;
use Stripe\Charge;

class StripeController extends Controller
{
    public function charge(Request $request)
    {
        Stripe::setApiKey(env('STRIPE_SECRET'));//シークレットキー
 
        $charge = Charge::create(array(
             'amount' => 100,
             'currency' => 'jpy',
             'source'=> request()->stripeToken,
         ));
       return back();
    }
}

⑤ ルート設定を行う

routes/web.phpファイルに下記を追加しておきます。

Route::post('/charge', 'StripeController@charge')->name('stripe.charge');

⑥ビューファイルを設定する

ビューファイルを下記のようにいれておきます。

<form action="{{route('stripe.charge')}}" method="POST">
@csrf
 <script
     src="https://checkout.stripe.com/checkout.js" class="stripe-button"
     data-key="{{ env('STRIPE_KEY') }}"
     data-amount="1000"
     data-name="お支払い画面"
     data-label="payment"
     data-description="現在はデモ画面です"
     data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
     data-locale="auto"
     data-currency="JPY">
 </script>
</form>