Mobilna wersja aplikacji webowej

pytanie zadane 21 lipca 2021 w Inne języki przez assassin Gaduła (3,260 p.)
zamknięte 29 sierpnia 2021 przez assassin

Cześć.

Zrobiłem ostatnio aplikacje webową przy wykorzystaniu ASP.Net Core i Angulara.

Wszystko fajnie, pięknie. Ale tak się zastanawiam jak zrobić wersję mobilną takiej aplikacji?

Czy macie jakieś wskazówki?

komentarz zamknięcia: Temat wyczerpany

komentarz 22 lipca 2021 przez JakSky Stary wyjadacz (14,770 p.)

Wrzucić do Electrona?

komentarz 22 lipca 2021 przez VBService Ekspert (252,780 p.)

Electron Alternatives

3	komentarz 22 lipca 2021 przez Comandeer Guru (600,810 p.) A od kiedy Electron działa na urządzeniach mobilnych?

komentarz 22 lipca 2021 przez JakSky Stary wyjadacz (14,770 p.)
edycja 22 lipca 2021 przez JakSky

A masz rację, MacOS mnie zwiódł(a nie IOS) fakt :p Electron tylko na Desktopy. ..

komentarz 22 lipca 2021 przez VBService Ekspert (252,780 p.)

a Electron.js?

komentarz 22 lipca 2021 przez Comandeer Guru (600,810 p.)

a Electron.js?

A Electron.js to Electron i w podlinkowanym przez Ciebie artykule jest wyraźnie napisane "desktop apps".

komentarz 22 lipca 2021 przez VBService Ekspert (252,780 p.)
edycja 22 lipca 2021 przez VBService

Zapytałem bo, w treści artykuły nie ma słowa o "elektronowych" apkach na mobilne systemy a tu na samym początku taka grafika. (pomyślałem: wtf , ale może coś się zmieniło, o czym nie wspominał autor artykułu)

komentarz 22 lipca 2021 przez VBService Ekspert (252,780 p.)

A co sądzicie o:

1	komentarz 22 lipca 2021 przez JakSky Stary wyjadacz (14,770 p.) Też wyszukałem i jest masa alternatyw dla Electrona(oczywiście na Androida i IOS). Nawet jest coś takiego jak Angular Mobile-ciekawe.

komentarz 22 lipca 2021 przez Comandeer Guru (600,810 p.)

PhoneGap jest martwy, ale od lat był tak naprawdę brandowaną wersją Cordovy. Z kolei Cordova to nic innego jak po prostu webview otulający zwykłą stronę internetową z dodanymi kilkoma API do obsługi urządzenia, np. kamery. Sporo z tych rzeczy można obecnie osiągnąć przy pomocy PWA.

Ionic jest z kolei bliższy rozwiązaniom pokroju React Native. IMO to już kwestia preferencji. Ja bym osobiście szedł bardziej po prostu w PWA, niekoniecznie bawiąc się w emulowanie natywnych aplikacji mobilnych.

3 odpowiedzi

odpowiedź 22 lipca 2021 przez Comandeer Guru (600,810 p.)
wybrane 22 lipca 2021 przez assassin

Najlepsza

Ogólnie powinieneś się zainteresować dwoma tematami: RWD (Responsive Web Design) oraz PWA (Progressive Web Apps). Ten pierwszy to termin oznaczający design dostosowany do możliwości szerokiego spektrum urządzeń (m.in. do wielkości ich viewportu/ekranu), natomiast drugi oznacza aplikacje internetowe, które – przede wszystkim na Androidzie – można zainstalować podobnie jak normalne aplikacje ze sklepu Play.

komentarz 30 lipca 2021 przez assassin Gaduła (3,260 p.)

Wielkie dzięki. Ale mam jedno pytanie.

Na jednym blogu znalazłem wiadomość, że wersja mobilna strony to coś zupełnie innego niż wersja desktopowa i tworzy się je niezależnie, a dopiero później serwer rozpoznaje na jakim urządzeniu odpalana jest strona i w odpowiedniej wersji wyświetla stronę. Z kolei na innym blogu znalazłem info, że w zasadzie obie wersja to jest ta sama strona tylko, że zaprogramowana tak, żeby była responsywna. No i ok. To ma jakiś sens, ale w mojej głowie nastąpiło pytanie jak ze zwykłego komponentu angularowego (mam tutaj na myśli menu), który tak naprawdę składa się z kilku kafelków ustawionych obok siebie, zrobić mobilnego hamburgera? Wedlug mnie to są 2 zupełnie różne komponenty. Dodam tylko, że używam Bootstrapa.

komentarz 30 lipca 2021 przez Comandeer Guru (600,810 p.)

Nie wiem, jak wygląda ten komponent. Ale zwykle używa się do tego media queries k np. zmienia wyświetlanie linków z poziomego na pionowe. Sam przycisk hamburgera zwykle jest cały czas w kodzie, ale na wyższych rozdzielczościach po prostu jest ukryty.

1	komentarz 31 lipca 2021 przez assassin Gaduła (3,260 p.) Super. Dzięki za odpowiedź. Nie miałem pojęcia, że istnieje coś takiego jak media query. Zafascynował mnie ten temat Naprawdę, wielkie dzięki.

odpowiedź 22 lipca 2021 przez VBService Ekspert (252,780 p.)

odpowiedź 8 sierpnia 2021 przez assassin Gaduła (3,260 p.)

Temat uważam za zamknięty. Piszę, bo być może komuś to też się przyda.

Więc, z tego co się dowiedziałem niedawno, pisząc aplikację webową można użyć bootstrapa i odpowiednio zaprogramować szerokości, dla których elementy będą inaczej się zachowywać. Generalnie spoko, sam teraz nad tym siedzę i serdecznie polecam. W pełni jest to responsywne. I wygląda naprawdę dobrze. Polecam

komentarz 8 sierpnia 2021 przez CubeStorm Pasjonat (15,020 p.)

Tak, można użyć bootstrapa, natomiast nic nie stoi na przeszkodzie napisać sobie własne klasy css do stworzenia responsywności. Zwiększyło by to performance strony.

Osobiście polecam skorzystanie z tailwindcss, który coraz to szybciej się rozwija i nabiera więcej zwolenników.

Jeśli temat uważasz za zamknięty to zamknij pytanie i nadaj tytuł najlepszej odpowiedzi (jeśli taka padła).