토픽/게시물 이미지 문제

모두 안녕하세요,

꽤 오랜 기간 동안 이상한 문제들을 해결하려고 시도하고 있습니다:

  1. 주제(토픽) 이미지가 생성되지 않고 있습니다.

  1. 주제/게시물 내부의 이미지가 더 이상 클릭이 되지 않습니다. (클릭하여 확대)

생각할 수 있는 모든 설정을 시도해 보았지만, 아무것도 효과가 없습니다.
세이프 모드에서도 시도해 보았지만, 문제 여전히 발생합니다.
로그에서도 유용한 정보를 찾을 수 없습니다.

이 문제를 해결하는 방법에 대해 아이디어가 있으신가요?
제 웹사이트는 https://cybernative.ai/ 입니다.

또한, “원격(핫링크) 이미지를 다운로드하여 로컬 이미지로 변환” 기능도 작동하지 않는 것 같습니다.

제 웹사이트가 아닌 다른 곳의 이미지 URL만 삽입할 경우(주제 이미지 미리보기)에는 정상적으로 작동합니다.

안녕하세요 :wave:

이건 무시하셔도 됩니다. raw를 확인하기 전에 먼저 작성해 두었습니다

다음 사이트 설정들을 확인해 주시겠어요?

max image width 기본값: 690
max image height 기본값: 500
create thumbnails 기본값: ON

이 설정들을 이전에 변경하셨다면 기존에 업로드된 파일에는 영향을 주지 않으므로 수동으로 처리해야 합니다.
이 설정들이 올바르게 되어 있다면 실제 게시물에서 HTML 재구성을 통해 즉시 확인할 수 있습니다. 또는 새 이미지를 업로드해 보시는 것도 좋습니다.
Rebuilding HTML on posts or topics

이 과정 후에 섬네일이 올바르게 생성된다면 모든 게시물을 일괄 재처리(bulk rebake)할 수 있습니다.

cd /var/discourse/
./launcher enter app

rake posts:rebake

그래서 방금 게시물의 raw 버전을 확인해 보았습니다. 이 이미지들이 컴포저(composer)에서 정적 HTML 코드로 추가된 것 같습니다. <img src"..." alt="...">. 따라서 이 이미지들은 기본 업로드 플로우를 통해 업로드된 것이 아니며, 섬네일이 생성되지 않습니다.

컴포저에 이미지를 그냥 드래그 앤 드롭하거나 업로드 버튼을 사용해 보셨나요?

그런데… 환경 설정에 대해 더 많은 정보를 공유해 주실 수 있을까요? Cloudflare를 사용 중이신 것을 확인했는데, 설정에 따라 문제가 발생할 수 있습니다. 예를 들어 rocket loader는 종종 문제를 일으키곤 하죠… 업로드는 로컬로 가나요, S3로 가나요? 등등…

이미지를 업로드할 때 브라우저 콘솔에 오류가 표시되나요?

@Don 님, 회신해 주셔서 감사합니다.

언급된 모든 설정은 기본값으로 설정되어 있습니다:


image

네, 이미지는 예전과 마찬가지로 정적 HTML을 통해 삽입되고 있으며, 이전에는 썸네일이 생성되었습니다. (API를 사용하여 이미지를 웹사이트에 업로드한 후 해당 URL을 사용해 삽입합니다)

컴포저를 통해 이미지를 업로드해도 썸네일이 생성되지 않습니다.
이것은 컴포저를 통해 업로드된 것입니다 - https://cybernative.ai/t/test-of-images-here/3458

제 CDN/S3 설정은 변경된 것이 없으며, 이전에는 모두 정상 작동했습니다.

제 설정에 대해 말하자면, HTTPS로 인한 오류를 우회하기 위해 S3 복제를 사용하여 다른 버킷으로 전송하는 다소奇特的한 방식을 사용하고 있습니다. 속도는 느리지만 작동은 합니다.

브라우저 콘솔을 확인해 보겠지만, 이미지는 정상적으로 업로드되며, 단순히 클릭할 수 없고 썸네일이 생성되지 않는 상태입니다. 브라우저 콘솔을 확인했으나 아무것도 없습니다.

감사합니다.
Byte

게시 작성 스크립트를 기본 워크플로우처럼 사용하도록 수정했는데, 안타깝게도 작동하지 않습니다.

더 확인해야 할 다른 것이 있을까요?

어떻게든 해결했습니다:

  1. 백업용 s3 업로드를 비활성화합니다.
  2. 백업에서 복원합니다.
  3. 게시물을 다시 생성(rebake)하되, s3 업로드는 비활성화 상태로 둡니다.
    ~ 섬네일 생성이 느립니다.
  4. 할 일: s3 업로드를 활성화하고 다음을 실행합니다.
rake uploads:migrate_to_s3
rake posts:rebake_uncooked_posts

아직 최종 해결책을 찾고 있는 중입니다. 가끔은 잘 작동하다가도 갑자기 안 될 때도 있습니다.

S3 업로드를 활성화하면 동작이 멈추는 문제입니다. 문제가 S3가 Cloudflare CDN이 적용된 다른 버킷으로 복제되는 것과 관련이 있을 것 같습니다. Discourse가 S3에서 점을 사용할 수 없도록 막고 있어서, 제대로 된 방식으로 구현하지 못하고 이 이상한 해결책을 사용하게 되었습니다.

Discourse가 이미지를 다운로드/크롭/변형/섬네일 생성할 때 CDN이 아닌 S3 URL을 사용한다면 좋겠습니다.

복제로 인한 지연 때문에 동작하지 않는 걸까요???

여전히 고군분투 중입니다…

동작하지 않습니다. Discourse가 버킷 이름에 점을 허용하지 않기 때문에 Cloudflare 대신 CDN을 CloudFront로 변경할 예정입니다.

잘 모르겠는데, 이제 CloudFront를 사용하면서 유일한 문제를 찾았어요. 바로 "Enable S3 Setting"이었죠.
썸네일과 이미지가 "클릭 가능"인 것만 제외하면 잘 작동합니다.
썸네일 문제는 저한테 큰 손실이에요.