• aboutabout
  • servicesservices
  • worksworks
  • mediamedia
  • contactcontact
  • homeサイトトップ
  • about会社概要
  • services業務内容
  • works実績紹介
  • mediaメディア
  • contactお問い合わせ
ja/

media

メディア

  1. サイトトップ
  2. メディア
  3. プログラミングの記事
  4. Laravelでデータベースと連携したCRUDのAPIを作成してみる(環境構築)

Laravelでデータベースと連携したCRUDのAPIを作成してみる(環境構築)

  • 2019.08.05
  • プログラミング
  • Laravel
Updated: 2019.08.08
今回はPHPのフレームワークのLaravelでデータベースと連携したCRUDのAPIを作成してみたいと思います。CRUDというのは「Created(作成)」「Read(読み込み)」「Update(更新)」「Delete(削除)」というデータベースにおける基本的な操作をまとめた呼び方になります。   ここではLaravelで作成したAPIでデータベースを操作し、データを作成するまでの流れをまとめていきたいと思います。今回はデータベースに「SQLite」と呼ばれるものを使っています。SQLiteはファイル型のデータベースで、MySQLのようにサーバーが不要で単一のファイルを作成するだけで使うことができるので簡単に用意することができます。それでは早速進めていきましょう。   まずは、SQLiteのDBファイル作成を下記のコマンドで作成します。場所はLaravelのプロジェクトの中の「database」フォルダ内に作成します。
$ cd [PROJECT_NAME] database
$ touch database.sqlite
  SQLiteファイルが作成できたら、LaravelのDB接続設定を行います。プロジェクト直下にある「.env」ファイルを下記のように編集します。SQLiteを使う場合にはとてもシンプルな設定になります。 【.env】※一部抜粋
#DB_CONNECTION=mysql
DB_CONNECTION=sqlite
#DB_HOST=127.0.0.1
#DB_PORT=3306
#DB_DATABASE=homestead
#DB_USERNAME=homestead
#DB_PASSWORD=secret
  DBの接続設定が終わると、DBのテーブルを生成するためのマイグレーションファイル作成します。下記コマンドでマイグレーションファイル名を指定し実行すると作成されます。
$ php artisan make:migration [FILE_NAME]
  今回は、APIのサンプルとして簡単な記事投稿を想定したものを例として作成しますので名前をposts_tableにしました。
$ php artisan make:migration posts_table
  database/migrations配下にマイグレーションファイルが作成されます。中身を確認すると下記のようになっており、マイグレーションのクラスにはデータベースを作成するup()という関数とデータベースを削除するdown()の関数が記述されています。もちろんデフォルトでは関数内は空になっています。 【database/migrations/yyyy_mm_dd_******_posts_table.php】※一部抜粋
use IlluminateSupportFacadesSchema;
use IlluminateDatabaseSchemaBlueprint;
use IlluminateDatabaseMigrationsMigration;

class PostsTable extends Migration
{
 public function up() {

 }

 public function down() {

 }
}
  続いて作成したマイグレーションファイルにデータベースのスキーマを定義していきます。データベース作成には「create関数」を使い、第一引数に対象のデータベース名を指定します。そして関数内には、必要なカラム名をテータ型と合わせて指定します。ちなみにtimestamps()を使うと、created_atとupdated_atのカラムが自動的に生成されます。また、データベース削除の定義も記述しておきます。
public function up() {
 Schema::create('posts', function (Blueprint $table) {
  $table->increments('id');
  $table->string('title');
  $table->string('content');
  $table->timestamps();
 });
}
public function down(){
 Schema::dropIfExists('posts');
}
  これで下記コマンドでマイグレーションを実行すると、データベースにテーブルとカラムが作成されます。対象のマイグレーションファイルのステータスが表示されればOKです。
$ php artisan migrate
Migrating: yyyy_mm_dd_******_posts_table
Migrated: yyyy_mm_dd_******_posts_table
  実際にデータベースの中身を確認すると、テーブルとカラムが指定した通りに作成されているのが確認できます。 Laravelでデータベースと連携したCRUDのAPIを作成してみる(環境構築)   また、すでに作成したマイグレーションファイルを変更した時など、マイグレーションを更新したい時は下記のコマンドを実行します。
$ php artisan migrate:fresh
  続いてデータベースと連携させるModelを「Eloquent」と呼ばれる機能で作成していきます。app配下にModel用のファイルを作成し、下記のようにModelをクラスとして定義していきます。Modelのクラスで対象となるテーブル名を指定します。 【app/Post.php】
namespace App;

use IlluminateDatabaseEloquentModel;

class Post extends Model
{
 // 対象のテーブル名を指定
 protected $table = "posts";
}
  続いて、Seederという機能で作成したデータベースにテストデータを流し込んでいきます。database/seeds配下にある「DatabaseSeeder.php」というファイルに下記のようにデータの内容を直接記述していきます。 【database/seeds/DatabaseSeeder.php】※一部抜粋
use IlluminateDatabaseSeeder;

class DatabaseSeeder extends Seeder
{
 public function run()
 {
  AppPost::create([
   "title" => "テスト投稿タイトル1",
   "content" => "テスト投稿タイトル1の記事本文です。"
  ]);
  AppPost::create([
   "title" => "テスト投稿タイトル2",
   "content" => "テスト投稿タイトル2の記事本文です。"
  ]);
  // $this->call(UsersTableSeeder::class);
 }
}
  そして下記コマンドを叩くと、データベースに指定した内容のテストデータが入ります。
$ php artisan db:seed
Database seeding completed successfully.
  実際にデータベースの中身を確認すると、確かにデータがあるのがわかります。 Laravelでデータベースと連携したCRUDのAPIを作成してみる(環境構築)   これでデータベースとの連携ができる準備が整いました。今回は、Laravelを使ってデータベースと連携したAPIを作成するをテーマに環境構築についてまとめています。次回記事「Laravelでデータベースと連携したCRUDのAPIを作成してみる(API実装)」は実際にデータベース内にデータを登録したり、削除するAPIを作成していきたいと思います。
XでシェアLINEで送るはてブに追加

この記事を書いた人オガワ シンヤ

合同会社デザインサプライ代表兼CEO / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はダイエットコーラとチョコレートが欠かせないアラフォーWebクリエイター。

Sponsored Link

  • Showcase
  • Startify UI
  • Functional Gradation Generator
  • Coloooors

keyword search

categories

  • WordPress(61)
  • JavaScript(49)
  • Vue.js(48)
  • CSS(46)
  • jQuery(34)
  • Nuxt.js(22)
  • Sass(21)
  • Gulp(17)
  • webpack(16)
  • PHP(14)
  • HTML(14)
  • GSAP(11)
  • React(10)
  • Vite(9)
  • Pug(9)
  • Laravel(8)
  • Cordova(8)
  • Linux(7)
  • Next.js(6)
  • Apache(5)
  • Shopify(4)
  • REST API(4)
  • Node.js(4)
  • Smarty(3)
  • Git(3)
  • JSON(3)
  • その他プログラミング(3)
  • Google Apps API(3)
  • Bootstrap(3)
  • 環境構築・システム(3)
  • TypeScript(2)
  • EJS(2)
  • RMS(2)
  • Docker(2)
  • Instagram API(2)
  • Excel VBA(2)
  • SVG(1)
  • Dart(1)
  • ECカートASP(1)
  • Markdown(1)
  • AMP(1)
  • Nginx(1)
  • XML(1)
  • shellscript(1)
  • Ruby(1)
  • MySQL(1)

recent articles

  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#6:PWA対応とビルド時のエラー
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#6:PWA対応とビルド時のエラー

    2024.12.25/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#5:アナリティクス・アドセンスの導入とサイトマップ作成
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#5:アナリティクス・アドセンスの導入とサイトマップ作成

    2024.08.26/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#4:静的・動的ルーティングとページ作成
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#4:静的・動的ルーティングとページ作成

    2024.07.31/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#3:メタ情報設定・ファイル最適化・ステート管理
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#3:メタ情報設定・ファイル最適化・ステート管理

    2024.06.30/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#2:コーディング環境の構築
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#2:コーディング環境の構築

    2024.05.29/Next.js
  • Next.jsとWordPressでヘッドレスCMSのサイトを作成する#1:インストール・導入
    read more

    Next.jsとWordPressでヘッドレスCMSのサイトを作成する#1:インストール・導入

    2024.04.30/Next.js
  • 次の記事
  • 一覧に戻る
  • 前の記事

まだ依頼内容が決まっていなくても、ご相談ください。

課題の整理や小さな検証、UI/UX・フロントエンドの部分的な支援から始められます。

お問い合わせやご相談はこちらから

Webサイト・プロダクトの企画設計/UI・UXデザイン/フロントエンド開発合同会社デザインサプライ(DesignSupply. LLC)

Office:大阪府大阪市天王寺区清水谷町3-22
Email:info@designsupply-web.com
home
  • サイトトップ
about
  • 3つのポリシー
  • 経営理念
  • 代表・クリエイター紹介
  • 会社概要
services
  • ビジネス・プロダクト支援
  • UI/UX・フロントエンド開発支援
  • プロジェクトの進め方・支援体制
  • エデュケーション事業
works
  • 開発プロジェクト支援
  • クリエイティブ制作
  • 自社プロダクト
media
  • デザイン
  • プログラミング
  • マーケティング
  • Web開発
  • 写真・動画制作
contact
  • お問い合わせ
news
  • インフォメーション
privacy
  • プライバシーポリシー

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

WE THINK WITH YOU, DESIGN FOR PEOPLE, AND BUILD WHAT WORKS.

© 2013 - 2026 DesignSupply.LLC
サイトトップへ
contact