システム開発

Heroku+Laravel+MySQLを独自ドメインで公開する

PHPの人気のフレームワークLaravelではWebサイトの管理画面を開発することができます。

開発の手順に関しては以下の記事にて具体的に紹介をしていきました。

これらは、開発後にデプロイして利用可能な状態にしていく必要があります。

そこで本記事でHeroku+Laravelこちらの記事でFirebase+Nuxt.jsのデプロイについて解説していきます。

  • Laravelを使って構築をしたい方
  • Webサイト構築の具体的な手法が知りたい方

これらに当てはまる方におすすめの記事となっています。このシリーズを読めばLaravel6とNuxt.jsで管理画面を作成することができますよ。

Herokuを使う理由

クラウドのインフラサービスといえば、Amazon Web Services(AWS)やGoogle Cloud Platform(GCP)が有名です。
しかし、スモールスタートならばHerokuも有力な選択肢の1つです。

エンジニアがほとんどインフラを意識しないで済みますし、初期コストが安く、Hobby プランなら 7ドル/月、Professional プランなら25ドル/月から使えるからです。

サービスが上手くいって売上もユーザー数も伸び始め、スケールが気になり始めたら、エンジニアを採用してAWSやGCPに引っ越せば良いのではないでしょうか。

今回の管理画面は社内で使う想定でスケールもしないため、Herokuを使うことにしました。

Herokuコマンドをインストール

まず以下のコマンドを実行してHerokuのコマンドをインストールします。

brew tap heroku/brew && brew install heroku

LaravelアプリケーションをHerokuへプッシュ

次に以下のコマンドを実行します。Herokuのログイン画面が表示されるので事前にアカウント登録は済ませておきましょう。

heroku login

ログインが完了したら下記のコマンドでLaravel用のアプリケーションを作成します。
Herokuは全体でユニークな名前である必要があるので、各自のアプリケーション名に置き換えるようにしましょう。

heroku create admin-nuxt-laravel-api --buildpack heroku/php

作成が完了したら、Heroku用のリモートリポジトリが登録されるので、
以下のコマンドを実行してLaravelのアプリケーションをHerokuへプッシュします。

git push heroku master:master

クレジットカードの登録

HerokuでMySQLを利用する場合、Clear DBというアドオンを追加する必要があります。
無料版の場合でもアドオンの追加にはクレジットカードの登録が求められるので、こちらから登録しておきましょう。

Clear DBアドオンの設定

クレジットカードの登録が完了したら、以下コマンドでClearDBをアドオンに追加します。

heroku addons:add cleardb

以下のような無料版のClearDB MySQLが追加されていればOKです。

次に以下のコマンドを実行してClearDBのデータベース情報を確認します。

heroku config | grep CLEARDB_DATABASE_URL

結果、以下のような内容が出力されるのでメモしておきましょう。

CLEARDB_DATABASE_URL: mysql://[ユーザー名]:[パスワード]@[ホスト名]/[データベース名]?reconnect=true

次に先程メモしておいた情報を使ってLaravelのデータベース用の環境変数を設定します。

heroku config:set DB_DATABASE=[データベース名]
heroku config:set DB_HOST=[ホスト名]
heroku config:set DB_USERNAME=[ユーザー名]
heroku config:set DB_PASSWORD=[パスワード]

これでClearDBの設定は完了です。

MySQLのインデックス用の文字列長の指定

LaravelではMySQLのバージョンが5.7.7より古い場合、インデックス用の文字列長を指定しないとマイグレーション時にエラーになります。

参考: インデックス長とMySQL/MariaDB

mysql -h <ホスト> -u <ユーザー名> -p -D <データベース名>

上記のコマンドでClearDBのMySQLのバージョンを確認できますが、最新バージョンでもMySQL5.5系のため、文字列長の指定が必要になります。

app/Providers/AppServiceProvider.php を以下のように編集すればOKです。

<?php

namespace App\Providers;

use Illuminate\Support\ServiceProvider;
//追加
use Illuminate\Support\Facades\Schema;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     *
     * @return void
     */    public function register()
    {
        //
    }

    /**
     * Bootstrap any application services.
     *
     * @return void
     */    public function boot()
    {
        //追加
        Schema::defaultStringLength(191);
    }
}

DBマイグレーション反映

次に以下のコマンドで修正をHerokuに反映し、マイグレーションを実行します。

git push heroku master:master
heroku run php artisan migrate

以下のように表示されればOKです。

WebサーバーにApacheを指定

以下の内容のProcfileをルートディレクトリに追加してHerokuにプッシュします。

web: vendor/bin/heroku-php-apache2 public/

これだけでWebサーバーはApacheを利用して起動するようになります。

アプリケーションキーを環境変数に設定

Laravelではcookie等の暗号化/復号化に使われるアプリケーションキーの設定が必ず必要なので、
以下コマンドで環境変数に設定します。

heroku config:set APP_KEY=$(php artisan key:generate --show)

独自ドメインの設定

今回の管理画面の認証に利用しているCookieですが、全く異なるドメイン間では送受信が出来ません。

サブドメイン間であれば可能なため、Heroku・Firebaseのデフォルトではなく独自ドメインの設定を行う必要があります。

独自ドメインを購入

まずはお名前.com等で設定したい独自ドメインを購入します。

HerokuにAPI用のサブドメインを追加

次に作成したアプリケーションのSettings > Domains の項目から、「Add domain」をクリックすると、
以下のような画面が表示されるので、購入したドメインのサブドメインをAPI用として追加します。

以下のような項目が追加されるので、
この「DNS Target」の値をCNAMEで各ドメイン事業者のDNSレコードに設定します。

お名前.comの場合は以下のような設定になります(値はサンプル用なのでダミーです)

反映後、しばらくすると設定したドメインでアクセスできるようになります。

HerokuのdynoをアップグレードしてSSLを有効化

HerokuではSSLを有効化するには有料プランにアップグレードする必要があります。
CloudFlare というCDNを利用すれば、無料でSSLを設定する方法もあるようですが、少し手間です。

Herokuは稼働分の課金制のため、すぐにfreeプランに戻せばほぼ課金されません。アップグレードしてサクッと動作確認することをオススメします。

上記の画面で、「Change Dyno Type」をクリックします。

次の画面で表示されるHobbyプランを選択してSaveします。

アップグレード後にSettings > SSL Certificates の項目を確認すると、設定が有効になっています。
証明書はLet's Encryptを利用しており自動で期限の更新も行ってくれます。

サイトを確認

設定が完了したら、https://api.独自ドメイン にアクセスしてみましょう。
SSLが有効になった状態で以下のような画面が表示されればOKです。(確認できたらDynoをFreeに戻すのを忘れずに)

おわりに

今回はHeroku+Laravel+MySQLを独自ドメイン(SSL)で公開まで行いました。
ほとんどコマンドとGUIからの操作だけでデプロイまで出来てしまいましたね。

こちらの記事で、Firebase+Nuxt.jsのデプロイを行いLaravel(API)と連携する手順を紹介しています。

合わせて確認して下さい。


本日紹介したようなものを外注してみるのはいかがでしょうか。 dehaソリューションズではオフショア開発によって低コストで迅速な開発をサポートしています。

Laravelに関して詳しくお話を聞きたい方、開発相談や無料お見積りをしたい方はこちらからご気軽にお問い合わせください。

▼ dehaソリューションへの簡単見積もりの依頼はこちら

Mai Tran

Recent Posts

AIで加速するモダナイゼーション:レガシーシステム刷新の手順と活用事例

多くの企業では、長年にわたって利用してきた基幹システムや業務システムが、現在も重要な役割を担っています。 一方で、こうした「レガシーシステム」は、技術の老朽化や複雑化、保守人材の不足、外部サービスとの連携の難しさなど、さまざまな課題を抱えています。 こうした状況を受け、企業ではシステムを単純に新しくする「リプレース」だけではなく、クラウドやAPI、データ分析基盤などを活用して、IT環境そのものを現代のビジネスに適した形へ変える「モダナイゼーション」が進んでいます。 本日はそんなモダナイゼーションについて、具体的な手順や活用事例を踏まえて解説していきます。 モダナイゼーションが気になる方 社内のIT人材が不足している方 レガシーシステムの刷新をしたい方 これらに当てはまる方におすすめの記事となっています。これを読めばモダナイゼーションについてわかるのはもちろん、レガシーシステム刷新の具体的な手順まで丸わかりですよ。 (more…)

4 days ago

DXの現状:「守りの効率化」から「攻めの価値創出」へ

〜IPA『DX動向2026』から読み解く、日本企業のリアルな課題と本質〜 はじめに:69ページの報告書が突きつける問い 独立行政法人情報処理推進機構(IPA)が発表した最新の調査資料『DX動向2026』(有効回答数:1,799社)。本レポートを精読する中で、最も印象的かつ示唆に富んでいたのは、次の現実でした。 「コストを削減することは、新たな売上を生み出すことよりもはるかに容易である」 日本においてDXへの取り組み率は75.7%に達し、過去数年間にわたり高水準で推移しています。もはや「DXに取り組むべきか否か」という議論のフェーズは完全に過去のものとなりました。しかし、その取り組みの内実をデータで精査すると、多くの企業が直面している構造的な課題が浮かび上がってきます。 1. 「守りのDX」の成功と、「攻めのDX」の停滞 DXに取り組んでいる企業のうち、60.8%が「何らかの成果が出ている」と回答しています。しかし、その「成果」の内訳には顕著な偏りが見られます。 業務効率化・コスト削減の成果:70.9% 新規事業創出・売上拡大の成果:わずか17.9% ペーパーレス化や社内業務のデジタル化といった、既存プロセスの効率化(いわゆる「守りのDX」)は順調に進展しています。しかし、製品・サービスの変革やビジネスモデル自体の刷新といった、事業価値を拡張する「攻めのDX」で具体的な成果を上げている企業は2割にも満たないのが現状です。 効率化によるコスト削減はDXの重要な足がかりですが、それ自体がゴールではありません。真の変革は、効率化によって生み出された余力を「新たな事業機会の創出」へ再投資することで初めて達成されます。 2. 投資拡大の裏にある「投資対効果(ROI)の不可視性」 レポートが示すもう一つの注目すべきデータは、投資と効果測定のギャップです。…

6 days ago

モダナイゼーションとは?DXとの違いやAIを活用した業務システムの刷新手法・手順を徹底解説

企業の業務を支える基幹システムや業務システムは、長年にわたって使い続けることで、企業独自の業務ノウハウが蓄積される一方、システムの老朽化や複雑化が進みやすくなります。 「古いシステムを刷新したいが、業務を止めることはできない」「既存システムに詳しい担当者が退職し、保守が難しくなっている」「DXを推進したいものの、既存システムが足かせになっている」といった課題を抱える企業も少なくありません。 こうした問題を解決するための重要な取り組みが「モダナイゼーション」です。 モダナイゼーションは、単純に古いシステムを新しいものへ置き換えるだけではありません。既存システムが持つデータや業務ロジック、ノウハウを活かしながら、現在のビジネス環境に適したIT基盤へと刷新していく考え方です。 この記事では、モダナイゼーションの基本的な意味からDXとの違い、代表的な刷新手法、AIを活用した進め方、実施手順、成功させるためのポイントまで詳しく解説します。 モダナイゼーションについて知りたい方 古いシステムを刷新したい方 DX化をすすめたい方 これらに当てはまる方におすすめの記事となっています。これを読めばモダナイゼーションについてわかるのはもちろん、DX化との違いまで丸わかりですよ。 (more…)

1 week ago

AI活用で業務効率化へ:2026年度IT導入補助金のスケジュールと活用法

「AIを業務に取り入れたいけれど、導入コストが気になる」「どのようなAIツールを選べばよいのかわからない」「補助金を使ってDXを進めたい」――このような悩みを抱える中小企業・小規模事業者は少なくありません。 そこで活用を検討したいのが、2026年度の「デジタル化・AI導入補助金」です。 従来の「IT導入補助金」から名称が変更され、2026年度はAI活用を含むデジタル化をより意識した制度となっています。 業務効率化や生産性向上につながるITツールの導入費用を支援することで、中小企業のDXを後押しする制度です。 この記事では、2026年度のデジタル化・AI導入補助金について、制度の概要から申請スケジュール、AI活用の具体例、申請時の注意点までをわかりやすく解説します。 AI導入を検討している方 IT導入補助金を申請したい方 これらに当てはまる方におすすめの記事となっています。これを読めば2026年度の「デジタル化・AI導入補助金」の詳細がわかるだけでなく、具体的な申請方法も丸わかりですよ。 (more…)

2 weeks ago

AX推進を成功させる7つのステップ|構想から定着までの実践ロードマップ

生成AIやAIエージェントなどの技術が急速に進化し、企業におけるAI活用は「一部の業務を効率化する段階」から「企業そのものの仕事の進め方を変える段階」へと移行しています。 こうした変革を指す言葉として注目されているのが、AX(AI Transformation)です。 しかし、AXを推進しようとして「まずは生成AIを導入してみよう」と考えるだけでは、十分な成果につながらないケースも少なくありません。 AIツールを導入したものの、一部の社員しか利用しない、期待したほど生産性が上がらない、既存システムとの連携が進まないといった問題が発生することがあります。 AXで重要なのは、AIという技術そのものではなく、AIを活用して業務・組織・意思決定・顧客体験などをどのように変えていくかという視点です。 そのためには、明確な構想を立て、対象業務を選定し、小さく実証し、成果を検証したうえで全社へ展開していく必要があります。 この記事では、AX推進を成功させるためのプロセスを7つのステップに分け、構想から社内への定着まで、企業が実践すべきポイントを解説します。 AXを推進したい方 AIに興味がある企業の方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばAX推進のための方法がステップごとに具体的にわかりますよ。 (more…)

3 weeks ago

2034年までのクラウドAI市場規模と動向:最新予測と企業の導入メリット

皆さんは「クラウドAI」をご存知でしょうか。クラウド環境を利用することで、高価なサーバーや専門的なAIインフラを自社で保有することなく、高度なAI機能を利用できるようになりました。 市場調査会社の各種レポートでも、クラウドAI市場は2034年に向けて急速な成長が予測されており、多くの企業が競争力強化や業務効率化を目的に導入を進めています。 この記事では、市場規模の最新予測や成長を支える要因、企業がクラウドAIを導入するメリットについて、最新の市場調査データをもとに詳しく解説します。 クラウドAI市場に興味がある方 クラウドAIの動向が気になる方 社内のIT人材が不足している方 これらに当てはまる方におすすめの記事となっています。これを読めばクラウドAI市場の規模や動向について分かるだけでなく、企業のメリットまで丸わかりですよ。 (more…)

1 month ago