質問編集履歴

8

タイトルの変更

2022/04/06 09:59

投稿

kyosuke
kyosuke

スコア48

test CHANGED
@@ -1 +1 @@
1
- ActiveStorageを使用してS3に画像ファイルをアップロードし、送信した画像を表示した
1
+ S3に画像ファイルをアップロードできな
test CHANGED
File without changes

7

追記の追加

2022/04/04 10:20

投稿

kyosuke
kyosuke

スコア48

test CHANGED
File without changes
test CHANGED
@@ -264,3 +264,6 @@
264
264
 
265
265
  ### -追記(20220404)
266
266
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-04/883be932-9d8b-4dd9-ac98-ee2a06d73c47.png)
267
+
268
+ ### -追記(20220404) CORSの設定
269
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-04/b501996c-9897-47d9-bcc1-be0950dbf37d.png)

6

追記の追加

2022/04/04 05:29

投稿

kyosuke
kyosuke

スコア48

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
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-04/883be932-9d8b-4dd9-ac98-ee2a06d73c47.png)

5

追記の追加

2022/04/01 16:25

投稿

kyosuke
kyosuke

スコア48

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

追記の追加

2022/03/30 15:54

投稿

kyosuke
kyosuke

スコア48

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

追記の追加

2022/03/29 03:28

投稿

kyosuke
kyosuke

スコア48

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

注意書きの追加

2022/03/28 10:26

投稿

kyosuke
kyosuke

スコア48

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

タグの追加

2022/03/28 10:25

投稿

kyosuke
kyosuke

スコア48

test CHANGED
File without changes
test CHANGED
File without changes