Tag: React Native

18
wrz

Jak aplikacje mobilne zmieniły nasze życie?

Pojawienie się pierwszych smartfonów zapoczątkowało zmianę roli telefonów. Możliwość korzystania z dodatkowych aplikacji, przeglądania Internetu oraz robienia zdjęć przyczyniła się do tego, że przestaliśmy traktować telefony jako urządzenia tylko do dzwonienia i wysyłania SMS’ów. Według badania PEW Research Center o korzystaniu z telefonów, dla osób w wieku 18 – 29, przeglądanie Internetu w telefonie jest ważniejsze niż możliwość dzwonienia (!). 

Smartfony nie tylko zmieniły sposób, w jaki korzystamy z Internetu, ale też zastąpiły przedmioty, bez których kiedyś nie wyobrażaliśmy sobie życia.

Źródło: PEW Research Center

5 fizycznych przedmiotów, które zostały zastąpione przez aplikacje mobilne i smartfony

Przenośne konsole do gier

Przenośne gry na początku XXI wieku kojarzyły się wyłącznie ze Snake’iem oraz przenośnymi konsolami takimi jak Nintendo DS czy PlayStation Portable (PSP). Jednak rozwój możliwości smartfonów i pojawianie się coraz lepiej skonstruowanych gier zepchnął wspomniane konsole na margines rynku gier.

Gry mobilne znaczą coraz więcej, ich przychody, już w 2016 roku, przekroczyły przychody wszystkich pozostałych gier wideo, a prognozy wskazują na powiększanie się tej różnicy.

Gry mobilne zarabiają więcej niż wszystkie inne gry razem wzięte!

Kluczyki do samochodu

Producenci samochodów od dawna starają się ułatwiać dostęp do aut. Już w 1914 roku zastosowano zamek otwierający wszystkie drzwi na raz. Natomiast w 1982 roku po raz pierwszy zaprezentowano auto dające się otworzyć przy użyciu pilota. W 1998 roku Mercedes-Benz wprowadził bezkluczykowy dostęp do samochodu.

Kwestią czasu było wprowadzenie możliwości dostępu do samochodu przez telefon. Aktualnie większość producentów oferuje aplikacje, które otworzą i zamkną samochód, zdalnie włączą ogrzewanie lub klimatyzację czy odpalą silnik. Z takiego rozwiązania korzystają również firmy car sharingowe.

Aparaty fotograficzne

Rozwój technologii związanej z robieniem zdjęć smartfonami spowodował, że ludzie zaczęli porzucać cyfrowe, kompaktowe aparaty i zaczęli robić zdjęcia telefonami.

Obecnie aparaty stosowane w smartfonach pozwalają przeciętnemu użytkownikowi zrobić wysokiej jakości zdjęcie. Producenci osiągnęli to poprzez stosowanie algorytmów sztucznej inteligencji do dobrania jak najlepszych ustawień, a także poprzez zastosowanie kilku obiektywów o różnych parametrach.

Często zdjęcie jest wykonywane każdym z obiektywów, a następnie są one łączone w celu osiągnięcia lepszych rezultatów – np. głębszej czerni.

Więcej obiektywów to większe możliwości

Portfele

Rozwój technologii NFC oraz zabezpieczeń umożliwił dokonywanie bezpiecznych płatności telefonem. Aplikacje mobilne, takie jak Google Pay, pozwalają dokonywać transakcji różnymi kartami kredytowymi przy pomocy jednej aplikacji.

Razem z rozwojem płatności pojawiły się również aplikacje umożliwiające podzielenie rachunku pomiędzy znajomych np. Splitwise, Revolut. Korzystanie z aplikacji takich jak wymienione – Google Pay i Splitwise – lub dostarczanych przez banki, pozwala zostawić w domu nie tylko gotówkę, ale i karty płatnicze.

Dodajmy do tego rozwój usług rządowych, które pozwalają przenieść dowód osobisty czy prawo jazdy do aplikacji mobilnej, a uzyskamy możliwość pozostawienia w domu całego portfela. 

Bilety

Sprzedaż biletów, prowadzona przez Internet i aplikacje mobilne, powoduje, że papierowe bilety są dzisiaj używane niezwykle rzadko. Bilety, w formie pliku PDF z kodem kreskowym lub QR skanowanym na bramkach, są dostarczane do nabywcy mailowo, a ich sprawdzenie nie wymaga wydruku.

Obecnie większość biletów można nabyć w Internecie lub aplikacji mobilnej – łącznie z biletami komunikacji miejskiej. Wygoda korzystania z biletu, który jest łatwo dostępny w telefonie, powoduje, że papierowe bilety prawdopodobnie niedługo całkowicie wyjdą z użycia.

Aplikacje mobilne rewolucjonizują nasz świat

Tylko 12 lat (AppStore został otwarty w 2008 roku) zajęło aplikacjom mobilnym zmienienie naszej rzeczywistości w znaczący sposób. Coraz więcej firm decyduje się przenieść swoją sprzedaż do aplikacji mobilnej, a niektóre opierają swój biznes tylko i wyłącznie o apkę. Ponadto bardzo wiele firm wprowadza swoje aplikacje mobilne w celu ułatwienia klientom korzystania z ich produktów – przykładowo producenci ekspresów do kawy tworzą aplikacje mobilne umożliwiające sterowanie ekspresem.

Aplikacja mobilna pozwala bardziej zaangażować klienta oraz kreować bardziej unikalny wizerunek marki. Jeśli uważasz, że Twoja firma zyska na posiadaniu własnej aplikacji mobilnej – skontaktuj się z nami. Akanza zajmuje się projektowaniem aplikacji mobilnych i tworzeniem aplikacji mobilnych. Korzystamy z technologii używanych przez największych – Facebooka, Skype’a czy Instagrama – React Native. Sprawdź nas!

14
lut

Narzędzie diagnostyczne React Native Doctor

 

React-native doctor to nowa funkcja diagnostyczna aplikacji React Native, która skanuje i automatycznie naprawia błędy związane ze środowiskiem deweloperskim.  

 

Działanie

Polecenie doctor wspiera obecnie większość oprogramowania i bibliotek, na których polega React Native, takich jak Android SDK, Xcode czy CocoaPods. Po uruchomieniu polecenia, narzędzie zeskanuje naszą aplikację w poszukiwaniu błędów związanych ze środowiskiem deweloperskim i automatycznie je naprawi. W przypadku, gdy nie będzie w stanie tego zrobić, wyświetli stosowną informację w konsoli, wraz z krokami które należy podjąć oraz poradami (linkami), gdzie możemy szukać informacji o problemie.  

 

Źródło: React Native Blog

 

 

Użycie

Aby wypróbować narzędzie, musimy posiadać aplikację React Native w wersji min. 0.62, istnieje jednak możliwość doinstalowania go do starszych wersji framework’a, używając polecenia:

npx @react-native-community/cli doctor  

 

Wspierane funkcje

Doctor obecnie wspiera diagnostykę poniższych narzędzi i funkcji:

 

  • Node.js (>= 8.3)
  • yarn (>= 1.10)
  • npm (>= 4)
  • Watchman (>= 4), używany do obserwowania zmian w systemie plików.

 

Dodatkowo, jeśli chodzi o środowisko deweloperskie Android:

  • Android SDK (>= 26), środowisko uruchomieniowe Androida.
  • Android NDK (>= 19), natywny zestaw narzędzi programistycznych dla Androida.
  • ANDROID_HOME, zmienna środowiskowa wymagana przez konfigurację zestawu Android SDK.

 

Oraz środowisko iOS:

  • Xcode (>= 10), IDE do tworzenia aplikacji iOS.
  • CocoaPods, narzędzie do zarządzania zależnościami dla aplikacji iOS.
  • ios-deploy (opcjonalne), biblioteka używana do instalacji aplikacji na fizycznych urządzeniach z iOS przez CLI.

 

Źródło: React Native Blog

11
lis

Push notyfikacje App Center

Push notyfikacje są funkcją aplikacji mobilnych, która w obecnych czasach znajduje się w większości aplikacji mobilnych. Mogą być wykorzystywane zarówno do informowania użytkownika o ważnych dla niego czynnościach czy wydarzeniach, jak również mogą stanowić istotną pomoc przy promowaniu i reklamowaniu naszych usług czy produktów. App Center jako kompleksowy system wspomagający tworzenie aplikacji mobilnych posiada moduł umożliwiający wysyłanie push notyfikacji. Aby z niego skorzystać, potrzebujemy projektu React Native z dodaną i skonfigurowaną biblioteką App Center (link).

Gdy mamy już taki projekt, zajmijmy się instalacją modułu, wykonując poniższe polecenie w katalogu głównym projektu:

npm install appcenter-push –save 

Następnie na końcu pliku android/app/build.gradle dodajemy:

apply plugin: 'com.google.gms.google-services' 

Oraz w pliku android/build.gradle:

buildscript { 
  repositories { 
     // Add google line if missing before jcenter 
     google() 
     jcenter() 
  } 
 
  dependencies { 
    // Add this line 
    classpath 'com.google.gms:google-services:4.0.1' 
  } 
} 
 
allprojects { 
 repositories { 
    // Add google line if missing before jcenter 
    google() 
    jcenter() 
  } 
} 


Konfiguracja Firebase

Kolejnym krokiem będzie stworzenie projektu w usłudze Firebase. Jest to system Google umożliwiający komunikację z aplikacją oraz dostarczający wiele ciekawych modułów do naszych aplikacji. Wchodzimy na poniższą stronę https://console.firebase.google.com i tworzymy nowy projekt.

 

Tworzenie nowego projektu Firebase



Następnie tworzymy nową aplikację Android i pobieramy plik google-services.json, który umieszczamy w katalogu android/app

Pobieranie pliku google-services.json



Teraz pobierzemy klucz API usługi Firebase. W tym celu wchodzimy do konsoli Firebase > Ustawienia projektu > Komunikacja w Chmurze. Klucz serwera (API) jest dostępny w sekcji Dane logowania dla projektu.

Sekcja Dane logowania



Skopiowany klucz wklejamy w odpowiednim polu w zakładce Push Notifications w projekcie App Center.

Dodawanie klucza serwera



Dostępna jest teraz opcja wysyłania notyfikacji.

Okno dialogowe wysyłania push notyfikacji



Po wypełnieniu wymaganych pól możemy wysłać notyfikację na urządzenia.


Grupy odbiorców aplikacji 

App Center umożliwia również tworzenie tzw. Audiences, czyli grup, do których ma zostać skierowana aplikacja na podstawie odpowiednich reguł jak: kraj, wersja aplikacji, model urządzenia, itp.

Dodawanie nowej grupy odbiorców aplikacji



Podsumowując, App Center dostarcza całkiem dobry moduł umożliwiający wysyłanie push notyfikacji. Nie posiada jednak funkcji wysyłania tzw. Rich notifications, czyli powiadomień zawierających zdjęcia lub filmy – w takim przypadku warto użyć tutaj biblioteki OneSignal. Jednak w mało wymagających przypadkach Push Notifications z użyciem App Center jest wystarczające. 

We use cookies

Our website uses cookies to improve your experience. To find out more about the cookies we use please see our privacy policy.

Simple privacy policy

You can change our and our partners cookie settings below. Our use of analytics cookies requires your consent

  • Analytics

    Analytical cookies are used to understand how users interact with the site website. These cookies help provide information about visitor count metrics, rejection rate, source of traffic, etc. The primary purpose of analytics is to improve the functionality of a site or application.

    accept
  • Necessary cookies

    These cookies are used to provide you with a more personalized experience on our website and to remember choices you make when you use our website. For example, we may use functionality cookies to remember your language preferences or remember your login details.

    required