【Laravel5.8+Stripe①】ベースプロジェクトの作成

f:id:nekorokkekun:20190827102831p:plain:w1000
こちらの連載記事では、LaravelとStripeを使用して企業サイト兼Eコマース(ECサイト)を作成していきます。

Laravelのプロジェクト作成からStripeの実装まで行い、最終的に単発決済・サブスクリプションの実装までを目指します。

シリーズ

【Laravel5.8+Stripe⓪】ECサイト作成チュートリアル概要 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe①】ベースプロジェクトの作成 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe②】メールフォームの実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe③】ユーザー認証機能のカスタマイズ - Laravelとねころっけくん5.8
【Laravel5.8+Stripe④】ディスカウントページを作成する - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑤】Laravel CasherとStripeを導入して管理者権限を設定する その1 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑥】Laravel CasherとStripeを導入して管理者権限を設定する その2 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑦】サブスクリプション決済の作成 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑧】請求書ダウンロード機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑨】サブスクリプションプラン変更機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑩】サブスクリプション中止機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe11】Webhookの実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe12】クーポン機能を実装する - Laravelとねころっけくん5.8
【Laravel5.8+Stripe13】ショッピングカートの実装 - Laravelとねころっけくん5.8


ちなみにこちらの記事は、Easy E-Commerce Using Laravel and Stripeという書籍をもとに執筆しています。

ベースプロジェクトの作成

まずはベースプロジェクトを作成していきましょう。

laravel new dev.wedewlawns.com

layoutファイルの作成

/dev.wedewlawns.com/resources/viewsディレクトリにapp.blade.phpを作成します。

views/app.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Welcome to We Dew Lawns</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body>
    <h1>
    Welcome to Your Professional Lawn Care Service Provider
    </h1>
    @yield('content')
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
</body>
</html>

また、既に存在していviews/welcome.blade.phpを以下のように書き換えてください。

@extends('app')

@section('content')
  <h1>Welcome to Your Home Lawn Care Provider</h1>
@endsection


ここまででサーバを起動させると、以下のような画面になっているのではないでしょうか。
f:id:nekorokkekun:20190815141623p:plain

コントローラーの作成

次に企業紹介ページを作成していきます。

php artisan make:controller AboutController

コントローラーができたらindexアクションを記述します。

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class AboutController extends Controller
{
    public function index() {
        return view('about.index');
    }
}

関連ディレクトリ・ファイルの作成

次に企業紹介ページに関連するディレクトリとファイルを作成します。

/resources/views直下にaboutディレクトリを作成し、以下のファイルを作成してください。

/views/about/index.blade.php

@extends('app')

@section('content')

<h1>About We Dew Lawns, Inc.</h1>

<p>
Welcome to We Dew Lawns, a family-run lawn care company
serving the greater Green Valley area.
</p>

@endsection

最後にルーティング設定をします。

/dev.wedewlawns.com/routes/web.php

Route::resource('about', 'AboutController', ['only' => ['index']]);

URLの末尾に/aboutと付け加えアクセスすると、以下のような画面へ遷移します。
f:id:nekorokkekun:20190815142620p:plain

連載記事

【Laravel5.8+Stripe⓪】ECサイト作成チュートリアル概要 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe①】ベースプロジェクトの作成 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe②】メールフォームの実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe③】ユーザー認証機能のカスタマイズ - Laravelとねころっけくん5.8
【Laravel5.8+Stripe④】ディスカウントページを作成する - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑤】Laravel CasherとStripeを導入して管理者権限を設定する その1 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑥】Laravel CasherとStripeを導入して管理者権限を設定する その2 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑦】サブスクリプション決済の作成 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑧】請求書ダウンロード機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑨】サブスクリプションプラン変更機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe⑩】サブスクリプション中止機能の実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe11】Webhookの実装 - Laravelとねころっけくん5.8
【Laravel5.8+Stripe12】クーポン機能を実装する - Laravelとねころっけくん5.8
【Laravel5.8+Stripe13】ショッピングカートの実装 - Laravelとねころっけくん5.8