Bir sonraki makalede, Ionic Framework'e ve Ubuntu 20.04'e nasıl kurulabileceğine bir göz atacağız. Bu çerçeve, kullanıcıların projeleri Angular gibi diğer çerçevelerle uygulamalarına olanak tanır.. Ionic, Drifty Co.'dan Max Lynch, Ben Sperry ve Adam Bradley tarafından 2013'te oluşturulan hibrit mobil uygulama geliştirme için tam açık kaynaklı bir SDK'dır. Orijinal sürüm 2013'te piyasaya sürüldü ve AngularJS ve Apache Cordova'nın üzerine inşa edildi. Ancak, en son sürüm bir dizi web bileşeni olarak yeniden oluşturuldu. kullanıcının Angular, React veya Vue.js projeleri yapmayı seçmesine izin verir. Ayrıca, herhangi bir kullanıcı arayüzü çerçevesi olmadan İyonik bileşenlerin kullanımına izin verir.
İyonik Modern web geliştirme uygulamalarına ve teknolojilerine dayalı hibrit masaüstü, mobil ve aşamalı web uygulamaları geliştirmek için araçlar ve hizmetler sağlar.. Bunun için CSS, HTML5 ve Sass gibi web teknolojileri kullanılabilir. Bu çerçeve ile iOS, Android veya web'in kendisiyle uyumlu web teknolojileri ile uygulamalar geliştirebiliriz. Ayrıca, projeleri yönetebileceğimiz ve oluşturabileceğimiz güçlü bir CLI aracı sunar.
İyonik'in genel özellikleri
- Bu çerçeve ücretsiz ve açık kaynak. Hızlı ve yüksek düzeyde etkileşimli uygulamalar oluşturmak için mobil için optimize edilmiş kullanıcı arabirimi araçları ve bileşenlerinden oluşan bir kitaplık sunar.
- İyonik Cordova'yı kullanır, ve daha yakın zamanda, GPS, kamera, el feneri vb. gibi ana işletim sistemi işlevlerine erişim sağlamak için eklentiler.
- Kullanıcılar uygulamalarını oluşturabilir ve ardından bunları Android, iOS, Windows, masaüstü (Electron ile) veya modern tarayıcılar için özelleştirebilir..
- İyonik hareketli bileşenler, tipografi veya genişletilebilir bir temel tema içerir.
- Kullanırken Web Bileşenleri, Ionic, bunlarla etkileşim kurmak için özel bileşenler ve yöntemler sağlar. Bu bileşenlerden biri olan sanal kaydırma, kullanıcıların herhangi bir performans etkisi olmadan binlerce öğeden oluşan bir listede gezinmesine olanak tanır. Başka bir bileşen olan Sekmeler, yerel tarzda gezinmeyi ve geçmiş durum yönetimini destekleyen sekmeli bir arabirim oluşturur.
- SDK'ya ek olarak, Ionic ayrıca şunları da sağlar: geliştiricilerin özellikleri etkinleştirmek için kullanabileceği hizmetler, kod uygulamaları veya otomatik derlemeler gibi.
- ayrıca Ionic Studio olarak bilinen kendi IDE'sini sağlar.
- Ayrıca bir arayüz sunar Komut satırı (CLI) projeler oluşturmak. CLI ayrıca geliştiricilerin ek Cordova eklentileri ve paketleri eklemesine, anında iletme bildirimlerini etkinleştirmesine, uygulama simgeleri, açılış ekranları oluşturmasına ve yerel ikili dosyalar oluşturmasına olanak tanır.
Ionic'i Ubuntu 20.04'e yükleyin
Bu çerçevenin kurulumu oldukça basittir. Başlamak için sadece bir terminal açmamız gerekiyor (Ctrl + Alt + T) ve sistem paketlerimizi güncelleyin:
sudo apt update; sudo apt upgrade
O zaman yapacağız gerekli bazı paketleri kurun. Aynı terminalde şu komutu kullanmamız gerekecek:
sudo apt install curl gnupg2 wget git
Bir sonraki adım olacak NodeJS'yi yükle. Bu örnek, sürümle test ettim 14.x. Bu sürümü yüklemek için gerekli depoyu ekleyerek başlayacağız:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
O zaman yapabiliriz kurmak NodeJS bu diğer komutu çalıştırmak:
sudo apt install nodejs
İyonik, Apache Cordova gerektirir. Bunun, JavaScript kullanarak mobil uygulama geliştiricisinin kamera veya ivmeölçer gibi cihazın yerel işlevlerine erişmesine izin veren bir dizi cihaz API'si olduğu açıklığa kavuşturulmalıdır.
NodeJS'yi kurduktan sonra şunları yapabiliriz: cordova'yı kur koşuyor:
sudo npm install -g cordova
Bu noktada, devam edebiliriz npm kullanarak Ionic'i kurun:
sudo npm i -g @ionic/cli
Kurulumdan sonra yapabiliriz komutuyla kurulu sürümü kontrol edin:
ionic -v
Örnek bir uygulama
Kurulumun doğru yapılıp yapılmadığını anlamak için küçük bir örnek uygulama oluşturarak başlayabiliriz. Bunu yapmak için tek yapmamız gereken aşağıdaki komutu çalıştırın, örneği oluşturun:
ionic start
Bu komutu çalıştırırken ne tür bir proje oluşturmak istediğinizi tanımlamanız gerekecek. Bu örnek için Angular'ı seçtim. Ayrıca projenize bir isim vermeniz ve şablonu seçmeniz gerekecektir. Bütün bunlar, aşağıdakine benzer bir ekrandan seçim yapmanız gerekecek:
Kurulumdan sonra, projeye vermiş olduğumuz isimle bir klasör oluşturulacaktır. Proje yapısını görmek için bu klasöre erişin.
Karşı projeyi görüntüle, aynı terminalde bu diğer komutu yürüteceğiz:
ionic serve --host 0.0.0.0 --port 8000
Bu komutla herhangi bir ana bilgisayarın 8000 numaralı bağlantı noktasına erişmesine izin vereceğiz.
İhtiyacınız olan her şey yüklendiğinde, web tarayıcınızı açın ve http://localhost:8000 o http://IP-de-tu-servidor:8000 ve az önce oluşturulan örnek sayfayı göreceksiniz.
Ionic, platformlar arası uygulamaları basit ve zarif bir şekilde geliştirmemizi sağlayan modern bir çerçevedir. elde edilebilir kurulumu ve işletimi hakkında daha fazla bilgi ve belge proje web sitesi.