Shinyproxy: Exibição móvel

Olá @algo-se,

o PR vinculado só faz alterações no tema padrão. Você pode obter o mesmo resultado com um tema personalizado. Mais informações e exemplos aqui

há também uma solução alternativa em que você pode usar pontos de extremidade /app_direct/<app_name> que servirão o conteúdo do aplicativo diretamente sem o iframe que pode causar problemas em dispositivos móveis.

Ah entendi, obrigado pelo esclarecimento @dseynaev! Então você precisa usar um tema personalizado para habilitar pontos de extremidade app_direct na página de destino? Existe alguma outra maneira, você pode fazê-lo a partir do application.yml?

para que a página de destino use links app_direct , você precisaria de um tema personalizado. Não há como fazer isso a partir do application.yaml (a menos que você tenha apenas um aplicativo, nesse caso você pode usar a configuração landing-page para pular a página de destino)

Eu segui estes passos , mas não consigo ver nenhuma alteração.

Para configurar o Shiny Proxy usei este tutorial , então estou usando o Docker Swarm.

Minha estrutura de pastas é:
//home/myuser/shinyproxy-docker-swarm-demo/
├── aplicação
│ ├── application.yml
│ └── modelos
├── shinyproxy.yml
└── usestats.yml

A pasta templates é aquela do shinyproxy-config-examples.

No application.yml adicionei: template-path: ./templates/1col

Para efetivar as alterações, reiniciei o Shiny Proxy: docker service update shinyproxy_shinyproxy --force mas tudo permaneceu igual. Alguma ideia?

Olhando para o tutorial que você vinculou, meu palpite seria que você precisa montar a pasta de modelos no contêiner shinyproxy (em volumes na configuração docker-compose shinyproxy.yml )

Incrível palpite! 😉 Funcionou perfeitamente, obrigado.

Caso seja útil para outras pessoas, aqui está o que eu fiz:

1. Adicione ./application/templates:/opt/shinyproxy/templates a volumes em shinyproxy.yml
   

2. Adicione todos os modelos à pasta 1col.
   

3. Edite a tag head de todos os templates:
   3.1. Adicione <meta name="viewport" content="width=device-width, initial-scale=1"> para que o thymeleaf funcione bem em dispositivos móveis.
   3.2. Adicionar chamadas de bootstrap manualmente
   3.3. Adicionar título manualmente
   3.4. Altere a referência aos arquivos css de acordo com a nova estrutura de pastas .
   3.5 Adicionar referência de favicon ( veja também para favicons ao iniciar um aplicativo).
   

4. Edite os modelos html ao seu gosto, por exemplo, aqui está um bom truque para servir alguns aplicativos no modo direto e alguns no modo iframe, se isso é algo que você gostaria de fazer.

5. Adicione arquivos css (para 1col/assets/css), 1 , 2 , 3
6. Adicione imagens para os aplicativos e o favicon (para 1col/assets/img)
7. Adicione template-path: ./templates/1col a application.yml (logo abaixo proxy: )
8. Reimplante pilha de proxy brilhante: cd shinyproxy-docker-swarm-demo/ , export APP_DOMAIN=app.example.com e docker stack deploy -c shinyproxy.yml shinyproxy
9. Aproveitar! 🚀