Stripe Checkoutの単発決済ボタンでAPIキーが設定できない

Question

前提・実現したいこと

Stripe Checkoutで単発決済用のボタンを設置したいです。

以下の記事を参考にボタンを作成しました。
https://takkublog.net/stripe02/

画像のように公開可能キーが設定されていないというエラーメッセージが出ます。
該当のソースコードには載せていませんが.envファイルにstripeで取得した公開可能キーとシークレットキーはコピペしています。

https://gyazo.com/bb2ec260e7df08deaaa05557b06ff976

該当のソースコード

mycart.blade.php

<div class="content">
　  <form action="{{ asset('charge') }}" method="POST" class="text-center">
　　    {{ csrf_field() }}
　　        <script
　　　          src="https://checkout.stripe.com/checkout.js" class="stripe-button"
　　　          data-key="{{ env('STRIPE_KEY') }}"
　　　          data-amount="{{($sum)}}"
　　　          data-name="クレジットカードで支払う"
　　　          data-label="購入する（クレジット決済）"
　　　          data-description="カートの中の商品を購入します"
　　　          data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
　　　          data-locale="auto"
　　　          data-currency="JPY">
　　        </script>
　  </form>
</div>

ChargeController.php

<?php

namespace App\Http\Controllers;

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

class ChargeController extends Controller
{
    /*単発決済用のコード*/
    
    public function charge(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' => $sum,
                'currency' => 'jpy'
            ));

            return back();
        } catch (\Exception $ex) {
            return $ex->getMessage();
        }
    }
}

web.php

Route::post('/charge', 'ChargeController@charge');

試したこと

data-key="{{ env('STRIPE_KEY') }}"
に直接公開可能キーを入力

結果

stripeのモーダルでは完了になりましたがその後のリダイレクト先で以下のエラーメッセージが表示されました。

No API key provided. (HINT: set your API key using "Stripe::setApiKey()". You can generate API keys from the Stripe web interface. See https://stripe.com/api for details, or email [e-mail] if you have any questions.

補足情報

Laravel 6.18.41
php 7.3.11

Answer 1

config:cacheしている？
何度も何度も「何万回説明しても理解できない人ばかり」と書いてるのがまさにこれだけど
「env()はconfig内でしか使ってはいけない」
キャッシュしたらenv()はnullしか返さないのでviewやコントローラーで使ってもキーがないと言われる。
キャッシュしなければ問題なく動くので気付かない人が多いけど
一度遭遇した質問者はもう理解できただろう。

Laravelは公式以外の情報は全部間違いなので変なブログなんか見てはいけない。
ここでlaravel/cashierをインストールしてるのにcashierの機能は一切使ってない。全く意味が分からない。なにもかも間違ってる。
https://takkublog.net/stripe01/

cashierのドキュメントはここ。単発ならわざわざ使わなくてもいいけど。
https://laravel.com/docs/6.x/billing
https://readouble.com/laravel/6.x/ja/billing.html

Comments

[退会済みユーザー]

form action="{{ asset('charge') }}"も間違い。

[aaay0008]

回答ありがとうございます！
config/stripe.php内にenv()を書いてそこからAPIキーを参照するする記述にしたら解決しました。

>「env()はconfig内でしか使ってはいけない」
ようやく意味がわかりました。

ちゃんと公式ドキュメントを読みます。。