Shinyproxy: Tampilan seluler

Hai @algo-se,

PR yang ditautkan hanya membuat perubahan pada tema default. Anda dapat mencapai hasil yang sama dengan tema khusus. Info lebih lanjut dan contoh di sini

ada juga solusi di mana Anda dapat menggunakan titik akhir /app_direct/<app_name> yang akan menayangkan konten aplikasi secara langsung tanpa iframe yang dapat menyebabkan masalah di seluler.

Oh begitu, terima kasih atas klarifikasinya @dseynaev! Jadi, apakah Anda harus menggunakan tema khusus untuk mengaktifkan titik akhir app_direct di halaman arahan? Apakah ada cara lain, dapatkah Anda melakukannya dari application.yml?

agar halaman arahan menggunakan tautan app_direct , Anda memang memerlukan tema khusus. Tidak ada cara untuk melakukannya dari application.yaml (kecuali Anda hanya memiliki satu aplikasi, dalam hal ini Anda dapat menggunakan pengaturan landing-page untuk melewati halaman arahan)

Saya telah mengikuti langkah-langkah ini tetapi saya tidak dapat melihat perubahan apa pun.

Untuk mengatur Shiny Proxy saya menggunakan tutorial ini , jadi saya menggunakan Docker Swarm.

Struktur folder saya adalah:
//home/pengguna saya/shinyproxy-docker-swarm-demo/
aplikasi
application.yml
template
mengkilapproxy.yml
statistik penggunaan.yml

Folder templates adalah folder dari glossyproxy-config-examples.

Di application.yml saya menambahkan: template-path: ./templates/1col

Untuk membuat perubahan efektif, saya memulai ulang Shiny Proxy: docker service update shinyproxy_shinyproxy --force tetapi semuanya tetap sama. Ada ide?

Melihat tutorial yang Anda tautkan, tebakan saya adalah Anda perlu memasang folder templates ke dalam wadah glossyproxy (di bawah volumes dalam konfigurasi docker-compose shinyproxy.yml )

Tebakan yang luar biasa! Itu bekerja dengan sempurna, terima kasih.

Jika itu berguna untuk orang lain, inilah yang telah saya lakukan:

1. Tambahkan ./application/templates:/opt/shinyproxy/templates ke volumes di shinyproxy.yml
   

2. Tambahkan semua template ke folder 1col.
   

3. Edit tag head dari semua template:
   3.1. Tambahkan <meta name="viewport" content="width=device-width, initial-scale=1"> agar thymeleaf bekerja dengan baik di perangkat seluler.
   3.2. Tambahkan panggilan bootstrap secara manual
   3.3. Tambahkan judul secara manual
   3.4. Ubah referensi ke file css sesuai dengan struktur folder baru .
   3.5 Tambahkan referensi favicon ( lihat juga ini untuk favicon saat meluncurkan aplikasi).
   

4. Edit template html sesuai keinginan Anda, misalnya di sini adalah trik yang bagus untuk melayani beberapa aplikasi dalam mode langsung dan beberapa dalam mode iframe, jika itu sesuatu yang ingin Anda lakukan.

5. Tambahkan file css (ke 1col/assets/css), 1 , 2 , 3
6. Tambahkan gambar untuk aplikasi dan favicon (ke 1col/assets/img)
7. Tambahkan template-path: ./templates/1col ke application.yml (tepat di bawah proxy: )
8. Menyebarkan kembali tumpukan Proxy Mengkilap: cd shinyproxy-docker-swarm-demo/ , export APP_DOMAIN=app.example.com dan docker stack deploy -c shinyproxy.yml shinyproxy
9. Menikmati!