• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Mobilna wersja aplikacji webowej

+1 głos
94 wizyt
pytanie zadane 21 lipca w Inne języki przez Nowy Bywalec (2,510 p.)
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 22 lipca przez JakSky Stary wyjadacz (13,850 p.)
Wrzucić do Electrona?
komentarz 22 lipca przez .::VBService::. VIP (115,540 p.)
2
komentarz 22 lipca przez Comandeer Guru (555,080 p.)
A od kiedy Electron działa na urządzeniach mobilnych?
komentarz 22 lipca przez JakSky Stary wyjadacz (13,850 p.)
edycja 22 lipca przez JakSky
A masz rację, MacOS mnie zwiódł(a nie IOS) fakt :p Electron tylko na Desktopy. ..
komentarz 22 lipca przez .::VBService::. VIP (115,540 p.)

Electron.js?  wink

komentarz 22 lipca przez Comandeer Guru (555,080 p.)

Electron.js?

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

komentarz 22 lipca przez .::VBService::. VIP (115,540 p.)
edycja 22 lipca 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 wink, ale może coś się zmieniło, o czym nie wspominał autor artykułu)

komentarz 22 lipca przez .::VBService::. VIP (115,540 p.)

A co sądzicie o: 

komentarz 22 lipca przez JakSky Stary wyjadacz (13,850 p.)
Też wyszukałem i jest masa alternatyw dla Electrona(oczywiście na Androida i IOS). Nawet jest coś takiego jak Angular Mobile-ciekawe.
1
komentarz 22 lipca przez Comandeer Guru (555,080 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.

2 odpowiedzi

+3 głosów
odpowiedź 22 lipca przez Comandeer Guru (555,080 p.)
wybrane 22 lipca przez Nowy
 
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 9 godziny temu przez Nowy Bywalec (2,510 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 5 godziny temu przez Comandeer Guru (555,080 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.
+2 głosów
odpowiedź 22 lipca przez .::VBService::. VIP (115,540 p.)

Jeżeli ma to być strona poprawnie wyświetlana w przeglądarkach na urządzeniach mobilnych to np.
9 basic principles of responsive web design

lub np. Converting an ASP.NET website to a native Android/iOS app

 

 

responsive website ]

Podobne pytania

+1 głos
1 odpowiedź 119 wizyt
0 głosów
2 odpowiedzi 504 wizyt
pytanie zadane 25 września 2019 w Inne języki przez BT101 Stary wyjadacz (12,610 p.)
0 głosów
1 odpowiedź 203 wizyt
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

84,178 zapytań

132,949 odpowiedzi

294,115 komentarzy

55,592 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...