Yerel tepki
JavaScript kullanarak yerel mobil uygulamalar oluşturmanıza olanak sağlayan bir platformdur. İsminin ima ettiği gibi, kullanır
Tepki
, böylece mobil arayüzleri beslemek, Web'deki reaksiyonun kullanılmasına benzer. HTML etiketlerini kullanarak bileşen oluşturmak yerine, yerel UI bileşenlerine bağlanan kendi bileşenleri vardır.
Reakt Yerli, özellikle bildirimleri itmek söz konusu olduğunda, ayarlamak için zor olabilir. Sertifikalar kurmanız ve iOS ve Java için objektif-C'ye dalmanız gerekir. Ancak,
Fahişe
Bunun ihtiyacını ortadan kaldırır.
Bir uygulama yerine bir web sitesi oluşturmak? İyi bir kullanabilirsiniz
Web Sitesi Oluşturucu
. Ve siteyi korumak için,
ağ sağlayıcısı
yerinde.
İş akışınızı hızlandırmak için 30 Web Tasarım Araçları
Expo, yerel uygulamaları reaksiyona girebilir ve yalnızca JS kullanarak onları uygulama mağazalarına dağıtabileceğiniz anlamına gelir. Ek olarak, bildirimler, kamera, rehber, konum vb. Gibi yerel işlevselliğe erişimi olan bir SDK sunar. Ayrıca, reaksiyon yerli çekirdeğe dahil olmayan bazı UI bileşenlerine erişim sağlar, ancak genellikle yerel bir kod hattını yazmaya gerek kalmadan simgeler, bulanık görünümler ve benzeri gibi kullanılır.
EXPO ayrıca, XCODE veya Android Studio kullanarak oluşturmaya gerek kalmadan sunma hazır uygulaması oluşturabilir. Daha önce de kullanmadıysanız, özellikle de reaksiyona girmeye başladığınız veya genel olarak kendinden emin değilseniz, korkunç bir yer olabilirler.
Bir uygulama nasıl yapılır
. Uygulamalar (veya projeler) ayrıca, kullanıcıların projeyi Expo Mobile istemcisiyle denemelerini sağlayan bir App Store'a göndermek yerine EXPO'ya yayınlanabilir. Endişelenme, bu daha sonra ele alınacak!
Uygulamanızı bir takımla inşa ediyor musunuz? Dosyalarınızı erişilebilir, güvenilir olarak kaydedin
Bulut depolama
.
01. Expo'yu ayarla
EXPO'yu yükleme basit bir işlemdir. Başa çıkmak
site
ve en son XDE'yi indirin, ardından mobil uygulamayı telefonunuza veya tabletinize yükleyin. Mobil istemci, herhangi bir geliştirici lisansına veya sertifika kurulumuna ihtiyaç duymadan uygulamalarıyla gerçek bir cihazda uygulamaların çalışmasını sağlar.
Daha sonra Uygulamaları Fuar Hizmetine yayınlayabilirsiniz, böylece kullanıcıların mwo mobil istemcisiyle, App Store'dan ve Google Play İnceleme süreçlerinden geçilmesine gerek kalmadan bitmiş projelerinizi çalıştırabilir.
Expo, App Store'da veya Play Store'da manuel olarak yayınlanabilen tek başına uygulamaları desteklemektedir, ancak devam eden platformlar için geliştirici hesaplarına ihtiyacınız olacaktır.
Apple'ın Geliştirici Programı
Yılda 79 £ ve
Google'ın oyun konsolu
25 USD $ bir kerelik ücret maliyeti.
02. İlk uygulamanızı oluşturun
Bu XDE bize proje için ayrıntılı bilgi verir. Sol pencere reaksiyonu yerli paketidir ve sağ pencere cihazlardan gelen günlükleri gösterir.
İşe gidelim ve ilk uygulamamızı EXPO ile oluşturalım. EXPO XDE'yi açın, Proje ve GT'yi seçin; Yeni proje ve boş şablonu seçin. Tüm bağımlılıkları yükleyin ve tüm varlıkları paketleyen Reakt Yerli Packager'ı başlatın.
Buradan, uygulamayı yayınlayabilirsiniz, uygulamayı Expo Mobile istemcisine paylaşabilir veya bir simülatörde uygulamayı çalıştırabilirsiniz. Bu uygulama push bildirimleri oluşturmayı içerecek, bu yüzden simülatörler onları desteklemediği için Expo Mobile istemcisine paylaşacaksınız. Taramak için bir QR kodunu veya SMS veya e-posta yoluyla bir bağlantı gönderme seçeneğini almak için Paylaş düğmesine tıklayın. QR kodunu EXPO istemcisiyle tarayın. Bu, uygulamayı EXPO istemcisinden çalışır ve bir ekrana kadar açılır: 'Uygulamanızı açmaya başlamak için App.js açın!'
Uygulamanın çalışmasıyla birlikte, en sevdiğiniz kod düzenleyicinizde projeyi açın ve App.js. Yukarıdaki metni bulun ve 'Hello World! "Klasik'le değiştirin, sonra kaydınız. Uygulamanın yeniden yüklenmesini ve 'Merhaba Dünyası!' Metnine sahip olmalısınız. Şimdi görünür. Sihir!
Geliştirirken, cihazı sallamak, hata ayıklama için faydalı seçeneklere sahip bir geliştirici menüsü ortaya çıkarır. Bu menüden Expo Home'a geri dönebilirsiniz - uygulamadan çıkmak veya başka birine geçmek için yararlı.
03. Bildirimler ekleyin
Şimdi kurulum ve çalışan bir temel uygulamanız var, bildirim gönderme ve alma yeteneğini ekleyelim. Bu normalde, bildirimleri göndermek için üçüncü taraf bir hizmeti entegre ederek ve ayrıca iOS için sertifikalar kurmanız ve Android için anahtarları oluşturmanız gerekir.
İlk olarak, Expo'dan izinleri ve bildirimleri almanız ve uygulama sınıfında yeni bir işlev oluşturmanız gerekir:
'Expo' dan ithalat {İzinler, Bildirimler};
İhracat Varsayılan Sınıf App React.ComPonent'i uzatır {
async registerforpushnotifications () {
}
}
Burada, ES2017 Async / Boğma özelliğini kullanmak için Async anahtar sözcüğünü kullanıyorsunuz - Reakt Yerin Kaputun altında çalışan Babel'e sahip, böylece tüm yeni JavaScript iyiliğini kaldırabilirsiniz. Şimdi, bildirim izinlerini isteyelim ve expo itme belirtecini alalım - cihazı tanımlamak için - böylece Expo, push bildirimlerinin nereye gönderileceğini biliyor:
Async registerforpushnotifications () {
Const Sonuç = izin bekliyor .askasync (izinler.Remote_notifications);
Eğer (Sonuç. Status! == 'Verildi') {
dönüş;
}
const belirteç = bildirimleri bekliyor.getexpopushtokenAndokenc ();
console.log (jeton);
}
Burada, Permissions.askasync () yöntemini kullanarak bildirim iznini isteyeceksiniz. Uyarı, yalnızca Android bildirimleri varsayılan olarak bildirimde bulunduğundan iOS'ta gösterilecektir. Buna rağmen, bildirimleri kapatmak mümkün olduğunca, Android'deki aynı mantıkla geçmeniz gerekir.
Sonra, cevabı kontrol edin. Bildirimler verilmediyse, işlevden durabilir ve geri dönebilirsiniz. Bildirimler verildiyse, Push Sohben'i EXPO servisinden alırsınız. Son olarak, bildirimleri test etmek için daha sonra kullanmak için belirteç'i günlüğe kaydedebilirsiniz ve bu, Expo XDE'ye kaydedilir.
Bu noktada - iOS'da - bu uyarı sadece bir kez tasarıma göre tetiklenebilir; Bu nedenle, bir kullanıcı izni reddederse, işlevden çıkmadan önce özel bir bildirim veya uyarı eklemeyi düşünebilirsiniz. Bu noktada bildirimleri etkinleştirmek için, kullanıcının uygulama ayarlarına gitmesi gerekir (bizim durumumuzda, bu expo olacak) & gt; Bildirimler ve onları oradan etkinleştirin. Bu nedenle, Expo Mobile istemcisini silmeniz ve ardından iOS'taki izin uyarısını bir kereden fazla test etmek istiyorsanız yeniden yüklemeniz gerekir.
Ek olarak, EXPO, Permissions.getasync () olarak adlandırılan bir yöntemi sunar ve bu, IOS uyarısını atmadan sadece izin verilecek şekilde çalışır. Bu, örneğin izinleri isteyecek özel bir akış oluşturmak için önce durumu kontrol etmek istiyorsanız bu yararlı olabilir. IOS uyarısı daha önce tetiklendiyse (UNUTMAYAN, yalnızca uygulama kurulumunda bir kez ateşlenebilir), izinler .askaSync (), aynı bilgileri izin verecek şekilde iade edecektir. Permissions.getasync () kullanmak için.
Daha sonra, bu işlevi ComponentDidMount LifeCycle yönteminde aramanız gerekir, böylece uygulama başlatılacak şekilde çalışır:
Daha sonra, bildirim iznini kabul ederseniz, uygulamanız yerel ve uzak bildirimleri alabilecektir. Yerel bildirimler daha sonra kurulur ve cihazdan doğrudan uygulamaya gönderilir ve internet bağlantısı gerektirmez. Uzaktan Bildirimler bir sunucudan gelir ve bildirimi Apple Push Bildirim Sistemi (APN) veya Google Cloud Messaging (GCM) hizmetleri ile gönderin. Bu işlem ayrıca bunları almak için internet bağlantısına erişim gerektirecektir.
Expo, https://exp.host/--/api/v2/push/send adresindeki bildirimleri göndermek için bir servise sahiptir; Tek yapmanız gereken bazı verileri göndermek. Bu daha sonra aşağıdakiler gibi görünecektir:
{
// itme belirteci.
"To": APP ve GT'den belirteç;
// bildirim başlığı.
"Başlık": "Bildirim başlığı",
// bildirim kurumu.
"Beden": "Bildirim Kurumu",
// Verileri bir nesne olarak iletin, bu bildirimi kullanırken kullanılabilir.
"Veri": {"Değer": "Hello World!" }
}
Expo Toolkit, Gönderme ve Alma Bildirimleri Zahmetsiz Yapar
Bir bildirimi test etmeden önce, uygulama açıksa, uygulamamızı bildirimlerle işlemek için yapılandıracağız. Tasarım, iOS ve Android bir uygulama açık olduğunda bir bildirim göstermiyor. Bunun üzerine hareket etmemiz durumunda, buna basma mesajında gönderilen herhangi bir veri de işleyebilirsiniz. Bunu işlemek ve veri değeri özelliğini uyaracak yeni bir işlev oluşturalım:
Bu curl komutunu alabilirsin
İşte
. Eğer curl ile aşina değilseniz, istediğiniz bir şeyi kullanarak isteği gönderebilirsiniz.
Postacı
, talepleri göndermek için bir GUI kullanan.
İstek gönderdikten sonra, şimdi bildirimin geldiğini görmelisiniz. Expo itme hizmeti kullanılarak sınırlama yoktur. Gerçek bir dünya senaryosunda, bir dizi push bildirimini göndererek, verimlilik için gönderilecek şekilde gönderilecek bir dizi push bildirimini göndererek kullanması teşvik edilir:
[
{// Bildirim nesnesi yukarıdaki gibi},
{// başka bir bildirim nesnesi}
]
04. Expo ile yayınla
Bir cihazda bir uygulamayı çalıştırmak, yaygara olmayan bir deneyimdir. Sadece EXPO uygulamasıyla bir QR kodunu tarayın ve hemen yüklenir
Öyleyse, şimdi parlak yeni bir reakt yerel uygulamamız var (henüz çok fazla olmasa bile!), Başkalarının onu Expo XDE'den çalıştırmadan kullanmasına nasıl izin veriyoruz? En basit yol, XDE'den Yayınlama'yı tıklatarak. Bu, projeyi Expo'ya yayınlayacak ve https://expo.io/@<Username> "de bulabileceğiniz profilinizde bir bağlantı görünecektir.
Yayınlanan proje bağlantısını ziyaret ettiğinizde, tıpkı geliştirme sırasında olduğu gibi, Expo Mobile istemcisi ile taramak için (XDE ile aynı seçenekler arasında) bir QR kodu olacaktır. Uygulamayı güncellemek istiyorsak, yapmamız gereken tek şey repariye ve uygulamayı tekrar çalıştırırken kullanıcıya mevcut olacaktır.
Bu makale başlangıçta, Web Tasarımcıları ve Geliştiriciler için dünyanın en çok satan dergisi olan NET'in 297. Sayı'da yayınlandı.
Net'e abone olun
.
Usta tepki vermenin daha fazla yolunu öğrenmek ister misiniz?
Reakt hakkında daha fazla bilgi edinmekle ilgileniyorsanız, biletinizi aldığınızdan emin olun.
19-21 Eylül 2018 tarihleri arasında Londra'yı oluşturun
. REACT AKADEMİ'Yİ KURULDUĞU YAPILAN
Sizzy.co
ve
ok-google.io
Kristijan Ristovski atölyesini sunacak - tepki vereceklerini öğrenecek - en iyi uygulamaları araştıracak ve size bir uygulama inşa etme sürecinde karşılaşabileceğiniz gerçek sorunlara çözümler için çözümler öğreteceklerini öğrenmek.
19-21 Eylül 2018 tarihleri arasında Londra'yı oluşturur.
Şimdi biletini al
.
İlgili Makaleler:
Kafanı bu beş faktörle tepki göster
10 Uzman Reactjs Bugün Bilmeniz Gereken İpuçları
Reaksiyon yeminli yerel bir mobil uygulama oluşturun
Uzun zamandır web sayfalarında mükemmel bir görsel kompozisyona ulaşmaya çalışıyordum. Günlük işlerimde CSS kesme noktaları ile çok fazla acı çekiyorum ve cevap veren yerleşi..
Yalnızca dün, fantezi dünyalarında, zindanlara gizlenen şövalyeler, sihirbazlar, barbarlar ve hazinelerle dolu lise arkadaşlarıyla rol oynadığım için hissediyor. Gençler olarak, ..
Geçtiğimiz hafta Adobe, bazı videoları kullanışlı hale getirdi, şimdi çalma listesine, yaratıcıları sadece 60 saniye veya daha kısa sürede bir dizi pratik beceriyi alma şansın..
