イイダリョウのブログ。GitHub全国一千万人(?)の黒い画面に不慣れの皆さん、こんばんは。ここ最近、Webデザイナーがより気軽にサーバサイド言語に触れる方法を模索しておりましたが、ようやくキタコレ的な方法にたどり着けました。クラウドサービス「Heroku」です。一般的にHerokuの利用は黒い画面(コマンドライン)を叩く必要があります。前々回、Laravelなどで作るWebサービスの公開方法を検討し、下記の2つに絞り込みました。クモのようにコツコツとそして前回、サーバサイド言語をもっとCodePenばりに気軽にブログに埋め込みたく、「オンラインIDE」を検討しました。結果「Paiza.io」がブログに埋め込むにの一番適していると感じました。クモのようにコツコツとその後、さっそくPHPコードを書いてみましたが、問題がありました。ページロード時のPHPの実行までは問題ないのですが、フォームの送信ボタンを押したときに$_GETや$_POSTが想定通りに動きませんでした(たとえば$_GETなのにURLにクエリパラメータがつかない、など)そこで、いっそのことクラウドサービス「Heroku」にPHPファイル公開してブログにリンクしよう、と考えたわけです。(無料で始められる分、サーバの仕様アップよりも気軽に感じました)ローカル→Heroku同期の手順いろいろ調べた断片的な情報をつなぎ合わせたらコマンドラインを使わずにローカル→Herokuにデ同期を実現できた。このような手順になります。Sourcetreeにクローン(複製)ローカル→Sourcetreeにコミット(更新)Sourcetree→GitHubにプッシュ(反映)GitHub→Herokuにデプロイ(本番環境を作る)環境の準備まず、「GitHub」のアカウントがない場合はアカウントを作ります。Qiita「SourceTree」をインストールしていない場合はインストールします。夫婦で活動するフリーランスWeb制作ユニットローカルサーバ環境がない場合はインストールします。MAMP、XAMPPなど。たけのこブログ「Heroku」のアカウントがない場合はアカウントを作ります。以前の記事で行なった手順と同じです。クモのようにコツコツと今回は「test_php」というリポジトリ名にしました。READMEも作ります。ryo-i/test_phpSourcetreeにクローン(複製)次にSourcetreeにリポジトリをクローン(複製)します。こちらも以前の記事と同じ手順です。クモのようにコツコツとローカルサーバ、MAMPのファイルのパスは下記です。http://localhost:8888/その下にtest_phpというディレクトリを作り、GitHubと紐付けます。http://localhost:8888/test_php/すると、このファイルの中にGitHubのリポジトリ上にあったREADMEファイルがクローンされます。ローカルサーバでPHPファイルを作成このディレクトリ内にPHPファイルを作成します。World的な内容にしました。</html>PHPの基本書式についてはこちら。クモのようにコツコツとなお、ファイル名はindex.phpにしてください。別のファイル名にしたところ、Herokuにデプロイしたときにうまく表示されませんでした。【heroku】PHPで作ったファイルをインターネットに公開したい|teratailローカル→Sourcetreeにコミット(更新)→GitHubにプッシュ(反映)ファイルを作成するとSourcetreeの「コミット」アイコンに印がつきますので、変更内容をコミット(更新)します。すると「プッシュ」アイコンに印がつきますので、GitHubにプッシュ(反映)します。以前の記事と同じ手順ですね。Pages」を試しに表示してみましたが、やはりPHPのページは表示されませんでした。静的ページ専用のサービスですね。※参考:test_phpGitHub→Herokuにデプロイ(本番環境を作る)いよいよ、GitHubからHerokuにデプロイします。Deploys」をオン(自動デプロイに)成功しました!!こんな画面です。記事の後半で「手動デプロイ」および「自動デプロイ」の方法を書いてあります。<p>こんなんでました。test最後にということでローカルにあるハローワールド的なphpファイルをGitHub経由でHerokuに同期させました。黒い画面を叩かずに実現する方法です。「こいつ動くぞ」をいち早く体験するのはモチベーションにつながります!ここをスタート地点に、黒い画面にも徐々に触れていきたく思います。PHPで今後はやっていきたいことは下記です。基本的なフォームの動き($_GET、$_POSTなど)を取り入れたPHPコンテンツを作る。PHP、CSS、JS、データベースなど複数のファイルを連携したコンテンツを作る。PHPフレームワークLaravelを使ったWebサービスを作っていく。完成物はHerokuにデプロイしてリンクで貼りたく思います。22:00Tweet関連記事2019-09-18【Vue.js】Nuxt.jsで何ができるのか調べた(SSR、ルーティング、静的ファイル生成など)Vue.jsの続きです。worldする前回、MAMP環境でLaravelの白い画面を出しました。今回はLarave...2019-05-02Laravel元年!インストールしてMAMP環境で白い画面出す!!令和元年。はてなブログProフロントエンドエンジニア。神奈川に住まう四十路のオジキ。DTP→Webデザイナーから転向し今に至る。引き続きコツコツの日々。(24)リンクTwitterInstagramYoutubeCodePenGitHubPinterestQuolaFacebooknoteQiitaはてなブログをはじめよう!idr_zzさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。