質問編集履歴
8
タイトルの変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
S3に画像ファイルをアップロードできない
|
test
CHANGED
|
File without changes
|
7
追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -264,3 +264,6 @@
|
|
|
264
264
|
|
|
265
265
|
### -追記(20220404)
|
|
266
266
|
|
|
267
|
+
|
|
268
|
+
### -追記(20220404) CORSの設定
|
|
269
|
+
|
6
追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -261,3 +261,6 @@
|
|
|
261
261
|
tty: true
|
|
262
262
|
stdin_open: true
|
|
263
263
|
```
|
|
264
|
+
|
|
265
|
+
### -追記(20220404)
|
|
266
|
+
|
5
追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -201,3 +201,63 @@
|
|
|
201
201
|
（略）
|
|
202
202
|
end
|
|
203
203
|
```
|
|
204
|
+
|
|
205
|
+
### -追記(20220402)
|
|
206
|
+
|
|
207
|
+
```Dockerfile
|
|
208
|
+
FROM ruby:3.0.2
|
|
209
|
+
RUN apt-get update -qq && apt-get install -y nodejs
|
|
210
|
+
|
|
211
|
+
# yarnパッケージ管理ツールをインストール
|
|
212
|
+
# https://classic.yarnpkg.com/en/docs/install/#debian-stable
|
|
213
|
+
RUN curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | apt-key add -
|
|
214
|
+
RUN echo "deb https://dl.yarnpkg.com/debian/ stable main" | tee /etc/apt/sources.list.d/yarn.list
|
|
215
|
+
RUN apt-get update && apt-get install yarn
|
|
216
|
+
|
|
217
|
+
RUN apt-get install -y vim
|
|
218
|
+
|
|
219
|
+
WORKDIR /myapp
|
|
220
|
+
COPY Gemfile /myapp/Gemfile
|
|
221
|
+
COPY Gemfile.lock /myapp/Gemfile.lock
|
|
222
|
+
RUN bundle install
|
|
223
|
+
COPY . /myapp
|
|
224
|
+
|
|
225
|
+
# Add a script to be executed every time the container starts
|
|
226
|
+
COPY entrypoint.sh /usr/bin/
|
|
227
|
+
RUN chmod +x /usr/bin/entrypoint.sh
|
|
228
|
+
ENTRYPOINT ["entrypoint.sh"]
|
|
229
|
+
EXPOSE 3000
|
|
230
|
+
|
|
231
|
+
# Start the main process.
|
|
232
|
+
CMD ["rails", "server", "-b", "0.0.0.0"]
|
|
233
|
+
```
|
|
234
|
+
```docker−compose.yml
|
|
235
|
+
version: "3"
|
|
236
|
+
|
|
237
|
+
services:
|
|
238
|
+
db:
|
|
239
|
+
image: mysql:8.0
|
|
240
|
+
|
|
241
|
+
command: mysqld --default-authentication-plugin=mysql_native_password
|
|
242
|
+
environment:
|
|
243
|
+
MYSQL_USER: user
|
|
244
|
+
MYSQL_PASSWORD: password
|
|
245
|
+
MYSQL_ROOT_PASSWORD: password
|
|
246
|
+
ports:
|
|
247
|
+
- 3306:3306
|
|
248
|
+
volumes:
|
|
249
|
+
- ./tmp/db:/var/lib/mysql
|
|
250
|
+
web:
|
|
251
|
+
build: .
|
|
252
|
+
command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
|
|
253
|
+
environment:
|
|
254
|
+
MYSQL_HOST: db
|
|
255
|
+
volumes:
|
|
256
|
+
- .:/myapp
|
|
257
|
+
ports:
|
|
258
|
+
- "3000:3000"
|
|
259
|
+
depends_on:
|
|
260
|
+
- db
|
|
261
|
+
tty: true
|
|
262
|
+
stdin_open: true
|
|
263
|
+
```
|
4
追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -193,3 +193,11 @@
|
|
|
193
193
|
Cannot render console from <IPアドレス>! のエラーが出ていましたので、以下記事を参考に
|
|
194
194
|
```config/environment/development.rb```にホワイトリストを追記しましたが、同様のエラーが表示され解決に至りませんでした。
|
|
195
195
|
https://qiita.com/terufumi1122/items/73da039e6fc90ee0a63f
|
|
196
|
+
|
|
197
|
+
↓追加したホワイトリスト
|
|
198
|
+
```
|
|
199
|
+
Rails.application.configure do
|
|
200
|
+
config.web_console.whitelisted_ips = '192.168.160.1'
|
|
201
|
+
（略）
|
|
202
|
+
end
|
|
203
|
+
```
|
3
追記の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -133,3 +133,63 @@
|
|
|
133
133
|
|
|
134
134
|
ruby '3.0.2'
|
|
135
135
|
rails ' 6.0.4'
|
|
136
|
+
|
|
137
|
+
### -追記(20220329)
|
|
138
|
+
|
|
139
|
+
@messageがsaveされる前にbinging.pryを設置してエラーをチェックした結果、以下が表示されました。
|
|
140
|
+
※一部伏せ字にしています。
|
|
141
|
+
|
|
142
|
+
```
|
|
143
|
+
Started POST "/rails/active_storage/direct_uploads" for 192.168.160.1 at <日時> +0000
|
|
144
|
+
Cannot render console from 192.168.160.1! Allowed networks: 127.0.0.0/127.255.255.255, ::1
|
|
145
|
+
Processing by ActiveStorage::DirectUploadsController#create as JSON
|
|
146
|
+
Parameters:
|
|
147
|
+
{
|
|
148
|
+
"blob" => {
|
|
149
|
+
"filename" => "<ファイル名>",
|
|
150
|
+
"content_type" => "image/png",
|
|
151
|
+
"byte_size" => 30047,
|
|
152
|
+
"checksum" => "<checksumの文字列>"
|
|
153
|
+
},
|
|
154
|
+
"direct_upload" => {
|
|
155
|
+
"blob" => {
|
|
156
|
+
"filename" => "<ファイル名>",
|
|
157
|
+
|
|
158
|
+
"content_type" => "image/png",
|
|
159
|
+
"byte_size" => 30047,
|
|
160
|
+
"checksum" => "<checksumの文字列>"
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
(0.6ms)
|
|
165
|
+
BEGIN
|
|
166
|
+
ActiveStorage::Blob Create (1.3ms)
|
|
167
|
+
INSERT
|
|
168
|
+
INTO
|
|
169
|
+
`active_storage_blobs` (
|
|
170
|
+
`key`
|
|
171
|
+
,`filename`
|
|
172
|
+
,`content_type`
|
|
173
|
+
,`byte_size`
|
|
174
|
+
,`checksum`
|
|
175
|
+
,`created_at`
|
|
176
|
+
)
|
|
177
|
+
VALUES (
|
|
178
|
+
'<キー>'
|
|
179
|
+
,'<ファイル名>'
|
|
180
|
+
,'image/png'
|
|
181
|
+
,30047
|
|
182
|
+
,'<checksumの文字列>'
|
|
183
|
+
,'<日時>'
|
|
184
|
+
)
|
|
185
|
+
(5.8ms)
|
|
186
|
+
COMMIT
|
|
187
|
+
S3 Storage (1.6ms) Generated URL for file at key: <キー> (https://<バケット名>.s3.<リージョン名>.amazonaws.com/<キー>?X-Amz
|
|
188
|
+
-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=<アクセスキーID>%2F<日付>%2F<リージョン名>%2Fs3%2Faws4_request&X-Amz-Date=<日付>T<時間>Z&X-Amz-Expires=300&X-Amz-Signe
|
|
189
|
+
dHeaders=content-length%3Bcontent-md5%3Bcontent-type%3Bhost&X-Amz-Signature=01c10359b86d5cf1ef020d0286e428762f907fd7d6a7db1b8a2ed0c5daf08c8e)
|
|
190
|
+
Completed 200 OK in 1043ms (Views: 0.7ms | ActiveRecord: 12.0ms | Allocations: 231324)
|
|
191
|
+
```
|
|
192
|
+
|
|
193
|
+
Cannot render console from <IPアドレス>! のエラーが出ていましたので、以下記事を参考に
|
|
194
|
+
```config/environment/development.rb```にホワイトリストを追記しましたが、同様のエラーが表示され解決に至りませんでした。
|
|
195
|
+
https://qiita.com/terufumi1122/items/73da039e6fc90ee0a63f
|
2
注意書きの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
※[他質問サイト](https://ja.stackoverflow.com/questions/88072/activestorage%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%a6s3%e3%81%ab%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%92%e3%82%a2%e3%83%83%e3%83%97%e3%83%ad%e3%83%bc%e3%83%89%e3%81%97-%e9%80%81%e4%bf%a1%e3%81%97%e3%81%9f%e7%94%bb%e5%83%8f%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%97%e3%81%9f%e3%81%84)でも同様の質問をしています。解決した場合はそちらも更新します。よろしくお願いします。
|
|
2
|
+
|
|
1
3
|
### 前提
|
|
2
4
|
railsでDM機能を作成しています。
|
|
3
5
|
ActiveStorageを使用してS3に画像ファイルをアップロードし、送信した画像を表示したいのですが、実装中に以下のエラーメッセージが発生しました。
|
1
タグの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|