メインコンテンツまでスキップ

サンプルアプリケーションの準備

シンプルな Web チャットアプリケーションを SaaS 化してみましょう

このチュートリアルでは、いわゆる普通の Web アプリケーションとして作成されている簡易チャットシステムを、SaaSus Platform を利用して SaaS 化していきます。

サンプルアプリケーションの準備

まず、今回のサンプルアプリケーションを起動してみましょう!

この簡易チャットシステムは、バックエンドは PHP8 + Laravel9 + PostgreSQL13 にて作成されています。
フロントエンドは Laravel with Blade にて作成されたものと、 Next.js にて SPA として作成されたものの2種類が入っています。

まずは、こちらを動作確認してみましょう!

https://github.com/saasus-platform/sampleapp-basic-chat

上記リポジトリを clone したディレクトリにて、
※ PHP の場合sampleapp-basic-chat/php/laravel配下
※ Next.js の場合sampleapp-basic-chat/node/express配下

./init.sh

でアプリケーションをローカルで起動できます。

起動したら、以下の URL にアクセスして試してみましょう。

Blade 版

URL: http://localhost/board 認証用 Email: user@example.com
Password: password

サンプル

Next.js 版

URL: http://localhost:80/login/ 認証用 Email: user@example.com
Password: password

※ Next.js 版は、ビルドに数分掛かる可能性があります。表示できない場合は、数分待ってから再度表示してみてください。

サンプル

このような形で、ユーザが好きに書き込みができます。

現状では、ユーザを識別するために Laravel 標準の認証モジュールを利用しています。

しかし、Laravel 標準の認証モジュールなのでセキュリティが強力とは言いづらいです。そして、シンプルな Web アプリケーションなので、もちろんテナントの概念がありません。役割(ロール)の概念もありませんし、料金プランなどはもちろんありません。

この状態のシンプルな Web アプリケーションを SaaS 化していきましょう!

※チュートリアル開始時点と完了時点でのソースコードの差分は
PHP
https://github.com/saasus-platform/sampleapp-basic-chat/pull/10/files

Next.js
https://github.com/saasus-platform/sampleapp-basic-chat/pull/11/files

こちらになりますので、参考にしてみてください