質問編集履歴

4

追記

2018/10/04 09:46

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,9 @@
72
72
 
73
73
 
74
74
 
75
- /application_name
75
+ application_name
76
+
77
+ ___Procfile,runtime.txt,requirements.txt,...
76
78
 
77
79
 
78
80
 

3

追記

2018/10/04 09:46

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- HerokuにVue.js+Flaskアプリケーションをデプロイした
1
+ Heroku・Procfileの記載につ
test CHANGED
@@ -20,9 +20,15 @@
20
20
 
21
21
  application_nameとProcfileの設定が間違っているのかと思うのですが、どうすればよいのかわかりません。(正しいようにしか思えないため)
22
22
 
23
- application_nameには、ルートディレクトリ名、heroku上のアプリ名どちらを使えばよいのでしょうか?app.pyはルートディレクトリ直下ではないのですが、関係していますか?(ディレクトリ構成は下を参照)
24
23
 
25
24
 
25
+ application_nameには、ルートディレクトリ名、heroku上のアプリ名どちらを使えばよいのでしょうか?app.pyはルートディレクトリ直下ではないのですが、関係していますか?
26
+
27
+
28
+
29
+ (ディレクトリ構成は下を参照。
30
+
31
+ heroku config:set FLASK_APP=backend/app.pyは設定済み。)
26
32
 
27
33
 
28
34
 

2

修正

2018/10/04 09:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -66,7 +66,7 @@
66
66
 
67
67
 
68
68
 
69
- /application_name(アプリ名)
69
+ /application_name
70
70
 
71
71
 
72
72
 

1

追記

2018/10/04 09:40

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,51 +2,67 @@
2
2
 
3
3
 
4
4
 
5
- Vue.jsとFlask、それぞれのデプロイ方法、運用方法は調べて出てきますが、両方を使う上で何障害は起きないのでしょうか?
5
+ Vue.jsとFlask、それぞれのデプロイ方法、運用方法は調べて出てきますが、両方を使う方法に関する情報が見つりません。
6
6
 
7
7
 
8
8
 
9
- Flask
9
+ Procfileを以下のように書きました。
10
10
 
11
- 1. pip install gunicorn
11
+ ```
12
12
 
13
- 2. Profileを書く
13
+ web: gunicorn application_name:app --log-file=-
14
14
 
15
- 3. requirements.txtを書き出し
16
-
17
- 4. Herokuへデプロイ
15
+ ```
18
16
 
19
17
 
20
18
 
21
- Vue.js
19
+ しかし、以下のようにエラーが出ます。
22
20
 
23
- 1. server.js作成
21
+ application_nameとProcfileの設定が間違っているのかと思うのですが、どうすればよいのかわかりません。(正しいようにしか思えないため)
24
22
 
25
- 2. package.jsonの編集
26
-
27
- 3. buildpacksのnodejsを指定
28
-
29
- 4. Herokuへのデプロイ(distのみ?)
30
-
31
- 参考URL: [vue-cliで生成したVue.js 2.0 なアプケーションをherokuにデロイする](http://heimusu.hatenablog.com/entry/2017/02/27/220000)
23
+ application_nameには、ルートディレクト名、heroku上のアリ名どちらを使えばよいのでしょうか?app.pyはルートディレクトリ直下ではないのですが、関係していますか?(ディレクトリ構成は下を参照)
32
-
33
-
34
-
35
- Flaskの2、Vue.jsの1~3がよくわかりません。
36
-
37
- Profile、server.jsはどこに書くのが良いのですか?ルートディレクトリですか?
38
-
39
- そもそもFlaskのサーバーサイドがありながら、server.jsは必要なのでしょうか?
40
-
41
- 参考URLのコマンド、server.js、package.jsはどのアプリでも引用できるものでしょうか?
42
-
43
- アプリ名等によって書き直すところはありますか?
44
24
 
45
25
 
46
26
 
47
27
 
48
28
 
29
+ ```
30
+
31
+ File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/workers/base.py", line 138, in load_wsgi
32
+
33
+ 2018-10-04T09:30:43.174323+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/arbiter.py", line 583, in spawn_worker
34
+
35
+ 2018-10-04T09:30:43.174326+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/workers/base.py", line 129, in init_process
36
+
37
+ 2018-10-04T09:30:43.174401+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/app/base.py", line 67, in wsgi
38
+
39
+ 2018-10-04T09:30:43.174327+00:00 app[web.1]: self.load_wsgi()
40
+
41
+ 2018-10-04T09:30:43.174399+00:00 app[web.1]: self.wsgi = self.app.wsgi()
42
+
43
+ 2018-10-04T09:30:43.174408+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/app/wsgiapp.py", line 41, in load_wsgiapp
44
+
45
+ 2018-10-04T09:30:43.174403+00:00 app[web.1]: self.callable = self.load()
46
+
47
+ 2018-10-04T09:30:43.174404+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/app/wsgiapp.py", line 52, in load
48
+
49
+ 2018-10-04T09:30:43.174406+00:00 app[web.1]: return self.load_wsgiapp()
50
+
51
+ 2018-10-04T09:30:43.174480+00:00 app[web.1]: ModuleNotFoundError: No module named 'application_name'
52
+
53
+ 2018-10-04T09:30:43.174691+00:00 app[web.1]: [2018-10-04 09:30:43 +0000] [13] [INFO] Worker exiting (pid: 13)
54
+
55
+ 2018-10-04T09:30:43.174410+00:00 app[web.1]: return util.import_app(self.app_uri)
56
+
57
+ 2018-10-04T09:30:43.174412+00:00 app[web.1]: File "/app/.heroku/python/lib/python3.6/site-packages/gunicorn/util.py", line 350, in import_app
58
+
59
+ ```
60
+
61
+
62
+
63
+
64
+
49
- また、フォルダ構成は以下の通りです。
65
+ 現在のフォルダ構成は以下の通りです。
50
66
 
51
67
 
52
68