どうも、ゆうです!
最近、プログラミングに激ハマり中です。
どうにか、費用をかけずにクラウド上とかで実行する方法を探したところ、herokuというプラットフォームを見つけました!
前編はこちら
ざっくり流れ
PC上(VSCode)のフォルダをリモートでGitHubに同期して、GitHubとHerokuも同期して、Heroku上で動かし、PCの電源が入っていなくても、自動で定期実行させる流れです。
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_93a043f916536e50cabc2530f1ed0acc.png?resize=1024%2C489&ssl=1)
環境
Mac OS Catalina 10.15.7 64bit 2.5 GHz デュアルコアIntel Core i5
Python 3.9.5(vscodeで作成)
ローカルとGitHubを繋ぐ
作成したGitHubのリポジトリにローカルのフォルダを紐付けます。
プログラムを入れたフォルダに移動
(私の場合は「デスクトップ > python > heroku > test」)
ターミナルで次を記述する。
cd python
cd Heroku
cd test
.gitをインストール
ターミナル で次を記述する。元々ある場合は、初期化されるらしいです。
git init
隠しフォルダなので、インストールされたかを確認
Macで隠しフォルダ・ファイルを表示させる
Finderを開き、「command + shift + .」を同時に押す
と、ニョキッと出てきます。
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/20180128103300.png?resize=1024%2C586&ssl=1)
リモートリポジトリURLを設定
① GitHubの作成したリポジトリ画面から、リモートリポジトリURLをコピー
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_810b305c3994a80b78bab640300cc792.png?resize=1024%2C516&ssl=1)
② ターミナルで次を記述する。
git remote add origin リモートリポジトリURL
③ 設定できているか確認
ターミナルで次を記述する。
git remote -v
git config user.name
git config user.email
下のように、それぞれが返ってきたらOK
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_098aae074b8d8610a2ec8d6c33c515d9.png?resize=1024%2C173&ssl=1)
ローカルフォルダとリモートリポジトリを繋ぐ
「プル→コミット→プッシュ」で連携するらしいのですが、「プル = フェッチ + マージ」らしいので、まずはフェッチとマージをします。
言葉の意味はわかりません(笑)
プルする。
① ターミナルで次のコマンドを記述して、フェッチする。
git fetch
② ターミナルで次のコマンドを記述して、マージする。
git merge origin/main
コミットする。
① VSCodeのSouce Controlを開く
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_88298f479ac02602839e7936b4472371.png?resize=1024%2C615&ssl=1)
② 入力欄に、タグとなるコメントを入力して、Command+Enter(もしくは入力欄右上のチェックマークアイコンをクリック)
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_50ef68146e6ef2db49a423ca725cf8d2.png?resize=1024%2C615&ssl=1)
プッシュする。
左下の雲と上矢印のアイコンをクリックする。
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_3b1e842150712a644cfeaa48858c0a28.png?resize=1024%2C643&ssl=1)
確認
① GitHubを更新したら、元々ローカルフォルダ内にしかなかったpythonデータが表示されればOK
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_1f435907d97cc72270bd459401a8ffb7.png?resize=1024%2C618&ssl=1)
Herokuを設定
アプリを作成する
① 「New」をクリックして、「Create new app」をクリックする。
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_2760c9505124b5db145ff818e3f19893.png?resize=1024%2C282&ssl=1)
② 好きなアプリ名を入力し、「Create app」をクリック
(私は、アプリ名を「test-heroku」にします。)
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_57df5b50f71c676224f095f014fd5df7.png?resize=1024%2C472&ssl=1)
Build Packを挿入
ターミナルで次を記述して、必要なパッケージを設定します。
・Python
heroku buildpacks:add heroku/python --app Herokuのアプリ名(私の場合は「test-heroku」
・Chrome
heroku buildpacks:add https://github.com/heroku/heroku-buildpack-google-chrome --app Herokuのアプリ名(私の場合は「test-heroku」)
・Chrome Driver
heroku buildpacks:add https://github.com/heroku/heroku-buildpack-chromedriver --app Herokuのアプリ名(私の場合は「test-heroku」)
Build Packを直接挿入
Herokuの「Settings」内の「Buildpacks」の「Add Buildpack」をクリックし、次をぞれぞれ入力して、「Save changes」をクリック
https://github.com/heroku/heroku-buildpack-google-chrome
https://github.com/heroku/heroku-buildpack-chromedriver
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/Line12.jpg?resize=1024%2C685&ssl=1)
タイムゾーンを日本に設定
・タイムゾーン
heroku config:add TZ=Asia/Tokyo --app Herokuのアプリ名(私の場合は「test-heroku」)
できているか確認
① Herokuの「Settings」内の「Config Varlables」が入力されていればOK
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/Line13.jpg?resize=1024%2C615&ssl=1)
② ターミナルに次を記述して、日本時間(JST)で出ればOK
heroku run bash --app Herokuのアプリ名(私の場合は「test-heroku」)
date
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/picture_pc_55df6277c45d8e85b05acfe070704b55.png?resize=1024%2C113&ssl=1)
確認できたら、ターミナルに次の記述をして、退出する。
exit
GitHubとHerokuを繋ぐ(デプロイ)
GitHubとHerokuを繋ぐことをDeploy(デプロイ)と言うらしいです。
デプロイの設定
① Herokuの「Deplory」をクリック
② 「Deployment method」から「GitHub」をクリック
③ 「Connect to GitHub」から、GitHubのリモートリトジポリを検索
④ 作成したリモートリトジポリを選択して接続(connect)
(私は、「test_repository」)
「GitHub」の下が「Connected」になっていれば、接続完了
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/20200915181934.jpg?resize=1024%2C585&ssl=1)
デプロイ
① 「Manual deploy」で、ローカルとGitHubを繋いだ時のbranchを選択して「Deploy Branch」をクリック
② デプロイが完了すると、「View」が表示されます。
HerokuはWebアプリ開発のためのプラットフォームですが、今回は特に公開しないので「View」を押しても特に何もありません。
![](https://i0.wp.com/human-rights.jp/wp-content/uploads/2021/11/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e616d617a6f6e6177732e636f6d2f302f33373236332f64383732306232372d333265652d616331302d613834382d3563363363643861306638622e706e67.png?resize=1024%2C361&ssl=1)
実行してみる
ターミナルに次を記述をする。
heroku run --app Herokuのアプリ名(私の場合は「test-heroku」)
実行結果を見る
ターミナルに次を記述をする。
heroku logs --app Herokuのアプリ名(私の場合は「test-heroku」)
やっと、実行できました、、!!
コメント