- 2021.12.22
- Laravel-Vue.js-DDDのすゝめ,
Laravel + Vue.js + DDDのすゝめ – axiosでLaravelにHTTPリクエストを送信する
Laravelで作成したバックエンドのAPIにVueからaxiosを使ってリクエストします。
Laravelで作成したバックエンドのAPIにVueからaxiosを使ってリクエストします。
Vueの開発に必要なVSCode拡張機能を追加していきます。 VSCodeの拡張機能「RemoteContainer」を使用しているため、拡張機能・設定値は.devcontainerファイルにセットしていきます。
Vue.jsのバージョンはVue3(composition API)、CLIは最速で評判のVite、言語はTypeScriptで進めていきます。
REST APIのバックエンドを実行するためにPostmanをセットアップします。 PostmanとはHTTPリクエストを自由に定義して送信できるアプリケーションで、APIの開発に活用するとグンと効率がアップします。
プレゼンテーション層のコントローラとフォームバリデーションを実装していきます。 コントローラの役割はリクエストされたパラメータの検証と、アプリケーション層のユースケースへの受け渡し、レスポンスの生成となります。
連載 本記事は複数記事の連載記事の1つです。 この記事に関連するコミット add OrderUseCase
データベースにはPHPとセットで採用されることが多いMySQLを使って構築します。 実際は要件に応じて必要な機能を持つデータベースを採用します。