ReplyGif

I’m currently using this: GitHub - davidmh/discourse-giphy: Giphy integration for discourse

1 curtida

The plugin has been updated to support SVG icons with Font Awesome 5

2 curtidas

I’ve added this plugin following the guidelines on the github page, but it doesn’t work! I’ve also added it under hooks, but the problem persists. How can I properly install it, or uninstall if it doesn’t work eventually? Thanks in advance!

To uninstall, you simply remove it from your app.yml.

Are you running on HTTPS? Did you add the template to support a reverse proxy?

3 curtidas

Fixed! Thank you very much!

3 curtidas

Thanks for this great plugin.

I just have a little issue, the icon to insert a Gif doesn’t appear in the window, do you have any idea where it could come from ?

Core’s icons changed to be based on fontawesome 5 sets, which is probably why the icon’s missing. The plugin would need to be updated here to support it.

3 curtidas

I don’t think that is it… it already supports FA 5.

3 curtidas

On latest, on my sandbox, the icon works fine…

I need to know the Discourse version and if there are any console related errors on your site.

4 curtidas

Então… isso ainda está funcionando para alguém?

Não olhei para este plugin há alguns anos, mas hoje o fiz… e o mundo agora é https. Depois de usar a solução de proxy reverso, o JSON retornado ainda contém URLs com http://, então elas não estão aparecendo por causa de conteúdo misto?

4 curtidas

Atualização: resolvemos o problema acima fazendo o seguinte na nossa configuração do nginx.
(Aviso: não sei se a imagem do Docker inclui o ngx_http_sub_module)

  location /replygif/ {
        proxy_pass http://replygif.net/;
        proxy_set_header Accept-Encoding "";
        sub_filter http://replygif.net/ /replygif/;
        sub_filter_once off;
        sub_filter_types application/json;
  }

A URL da API nas suas configurações deve ser https://seunomeforum/replygif/api/ se você usar isso.

@PaulinaMX isso está funcionando no seu fórum agora

7 curtidas

@RGJ Muito obrigado :heart: as categorias estão funcionando perfeitamente, mas parece que as tags não estão funcionando.

Parece ser um problema no próprio plugin. @cpradio, você tem alguma ideia?

1 curtida

@cpradio Precisamos de você :heart:

Isso corrigiria o blocked:mixed-content, já que os navegadores atuais bloqueiam conteúdo HTTP de sites HTTPS?

Você precisa seguir as instruções do proxy.

Há uma seção no README sobre HTTPS.

TL;DR: Configuração de proxy ali, mas não resolve o problema, pois links sem proxy ainda são buscados.

Detalhes:

Inspeccionei o servidor, e ele está configurado conforme suas instruções. Entrei no próprio contêiner para inspecionar o discourse.conf e verifiquei que o proxy pass estava configurado adequadamente.

Usando as ferramentas de desenvolvedor do Chromium (Rede), vejo consultas passando pelo proxy, por exemplo: https://mycompany.com/replygif/gifs?api-key=39YAprx5Yi&reply=Angry. Isso retorna um JSON com URLs como http://replygif.net/i/1032.gif.

Em seguida, a conexão de rede do meu navegador cliente solicita miniaturas, como http://replygif.net/thumbnail/176.gif. Isso obviamente falhará, pois a CSP bloqueará conteúdo misto (http + https).

Não sei como o aplicativo ember.js funciona, mas deduzindo pelo tráfego de rede, parece haver consultas para obter um JSON de volta com URLs de imagens que são posteriormente buscadas para as miniaturas, mas esses links de imagem em si não funcionarão, e o proxypass não resolverá isso.

Para resolver isso, parece que o próprio aplicativo ember precisaria ser configurado para reescrever essas referências de URL para corresponder à mesma URL referenciada através do proxy, por exemplo: https://mycompany.com/replygif/thumbnail/176.gif.

Pensamentos? Sugestões?

1 curtida

Parece que não há muito o que eu possa fazer a respeito. Parece que o replygif ainda não suporta HTTPS.

2 curtidas

Sou iniciante nisso. Existe um guia passo a passo para configurar um proxy reverso para este plugin?

Site seguro, hospedado na DigitalOcean, se isso ajudar.

Sim, o README guia você pelos passos. Até inclui o comando wget para colocar o modelo no local correto; depois, basta atualizar seu app.yml para usar o modelo.

2 curtidas