امتیاز

همه آنچه شما نیاز دارید درباره Ionic بدانید.

آیا می تواند Ionic پاسخ نهایی این سؤال باشد:

آیا می توانم یک پایه کد واحد برای اندروید ، iOS ، وب و دسک تاپ داشته باشم؟

در این مقاله به یک مرور کلی درباره چارچوب Ionic خواهم پرداخت و به ویژگیهای جدید Ionic 4 تمرکز خواهم کرد.

مقدمه

اگر این مطلب را می خوانید به این دلیل است که می دانید JavaScript چقدر قدرتمند است.

با استفاده از این فناوری ها می توانید برنامه های وب پیشرفته (PWA) ، برنامه های ترکیبی یا حتی برنامه های دسک تاپ بسازید.

سال 2019 سالی است که بیشتر نوآوری و توسعه در سمت مشتری اتفاق می افتد.

ionic

چهارچوبهای زیادی برای انتخاب وجود دارد که می توانند به همان چیز دست یابند و ویژگیهای کلیدی خاصی می توانند برای آینده چارچوب مهم باشند.

من معتقدم که تیم Ionic برای نسخه بعدی Ionic که مدتی در ژانویه 2019 منتشر خواهد شد ، انتخاب های خوبی انجام داده است. ب

رخی از ویژگی های عالی عبارتند از جعبه ابزار PWA ، خازن و اجزای وب. بیایید در مورد برخی از آنها بحث کنیم … اما اول ، آیونیک چیست؟

آیونیک چیست؟

Ionic یک SDK کاملاً منبع باز برای ساختن برنامه های کاربردی موبایل ، دسکتاپی و با کیفیت بالا با استفاده از فناوری های وب (HTML ، CSS و JavaScript) است.

نسخه اصلی در سال 2013 منتشر شد و در بالای AngularJS و Apache Cordova ساخته شده است.

نسخه های جدیدتر ، با نام Ionic 3 یا به سادگی “Ionic” شناخته شده اند و در Angular ساخته شده اند.

Ionic یکی از اولین چارچوب های ترکیبی برای توسعه برنامه های کاربردی تلفن همراه بود.

چارچوب ترکیبی(Hybrid Framework) چیست؟

به طور سنتی ، شرکت هایی که می خواهند در بازار موبایل رقابت کنند باید با استفاده از بستر اختصاصی مربوطه ، برنامه هایی را برای iOS و Android ایجاد کنند.

بخوانید :   نکات و ترفندهای مربوط به برنامه نویسی (حرفه ای باش)

این بدان معنی است که شما باید تیم های جداگانه با مهارت های جداگانه برای توسعه و نگهداری دو برنامه جداگانه با عملکردهای دقیق یکسان داشته باشید.

که بسیار گران است.

برنامه های ترکیبی با ارائه راهی برای توسعه برنامه های تلفن همراه با استفاده از زبان های شناخته شده مانند برنامه های کاربردی موبایل جاوا اسکریپت برای هر دو سیستم عامل ، نجات پیدا کردند.

چارچوب ترکیبی ابزاری برای توسعه است که به توسعه دهندگان امکان می دهد از یک پایه کد استفاده کنند و از فروشگاه های App و Play برای هر دو استفاده کنند.

4 اشتباه مهلک برنامه نویسان

آیونیک 2/3

Ionic مبتنی بر یک چارچوب محبوب (Angular) بود و راهی برای دستیابی به قابلیت های بومی با استفاده از Apache Cordova فراهم می کرد.

علاوه بر این ، این تم ها را فراهم کرده است تا دکمه ها و آیتم ها بصورت طبیعی به سکوی بیایند و بدون تغییر کد.

به طور خلاصه ، برنامه های Ionic در مرورگر تلفن همراه اجرا می شوند.

اما مضامین و امکان دسترسی به سخت افزارهای بومی مانند این دوربین ، آنها را مانند برنامه های بومی جلوه می دهد.

Ionic به دلیل سادگی ، محبوبیت فوق العاده ای کسب کرد.

توسعه دهندگان می توانند برنامه های iOS و Android را توسعه دهند ، با ظاهری بومی و با تشکر از JavaScript به لطف قدرت مضامین Ionic ، Angular و Cordova.

نقاط ضعف آیونیک:

در مرورگر اجرا می شود:

این نگرانی وجود دارد که اپل ممکن است برنامه های WebView را در فروشگاه App مجاز نکند.

اینها همان ترسهایی است که در سال 2013 وجود دارد. و به عنوان سال 2019 ، به دلیل وجود چارچوب ،

هیچ یک از برنامه های یونیک از فروشگاه حذف نشده است.

عملکرد: از آنجا که در یک نمای وب (مرورگر) اجرا می شود ، کندتر است.

بخوانید :   برترین گرایشات طراحی وب سایت در سال 1399

مسائل اصلی عملکرد در Ionic 2/3 رفع شد و اکنون ، برای برنامه های استاندارد در دستگاه های استاندارد Ionic عملکرد بسیار خوبی دارد.

مگر اینکه مجموعه داده های عظیمی داشته باشید یا برنامه های کاربردی فشرده گرافیکی نداشته باشید ، Ionic باید بسیار خوب عمل کند.

به طور خلاصه ، Ionic 2/3 اساساً زاویه ای + کوردووا + مضامین بود.

می توانید جزئیات بیشتر را اینجا و اینجا پیدا کنید.

Ionic از آنجایی که از Angular استفاده می کند ، از زبان TypeScript استفاده می کند.

Ionic 4 ویژگی جدید

Ionic 4 پیشرفتهای چشمگیری را در این سیستم عامل به همراه دارد.

Ionic از یک چارچوب Hybrid موبایل به یک چارچوب جهانی انتقال داده است:

شما می توانید برنامه های ترکیبی ، وب و دسک تاپ بسازید.

برای من 3 ویژگی جدید مهم وجود دارد که باعث می شود Ionic در سال 2019 روند خاصی پیدا کند.

این ویدیو ویژگی های جدید را توضیح می دهد.

ionic

مؤلفه های وب

من قبلاً در مورد این صحبت کردم ، این بسیار زیاد است.

مؤلفه های وب مجموعه ای از API های بستر وب است که به شما امکان می دهد تگ های HTML سفارشی ،

قابل استفاده مجدد ، محصور شده را برای استفاده در صفحات وب و برنامه های وب ایجاد کنید.

Ionic برای مؤلفه های خود از کتابخانه Stencil.js استفاده می کند که در TypeScript نیز قرار دارد.

مؤلفه های وب برای ماندن در اینجا هستند. آنها زیر چتر WC3 و شرکتهای اصلی فناوری اطلاعات قرار دارند.

این آموزش کامل را در مورد مؤلفه های وب بررسی کنید.

React و پشتیبانی Vue.js

بله ، علاوه بر ادغام شگفت انگیز Angular 7 ، اکنون از React و Vue.js. پشتیبانی می کنید.

این مقاله را بررسی کنید که React vs. Angular را با یکدیگر مقایسه می کند.

PWA و خازن

Ionic اکنون برنامه های وب مترقی را که من در آخرین مقاله خودم صحبت کردم کاملاً پذیرفته است.

بخوانید :   تست عملکرد سایت با GTMetrix

در مورد PWA مانند برنامه های وب که ویژگی های اصلی بومی مانند

نماد صفحه اصلی ، دسترسی دوربین ، حالت آفلاین و غیره را اضافه کنید ، فکر کنید. داخل تلفن هوشمند خود

خازن جایگزین طبیعی Cordova برای دسترسی به قابلیت های بومی هنگام اجرای تلفن همراه است.

Ionic vs… Flutter vs NativeScript در مقابل React Native

به این فیلم عالی نگاهی بیندازید که چارچوبهای مختلف هیبریدی را با یکدیگر مقایسه می کند

اما این را بخاطر بسپار که Ionic اکنون یک چارچوب جهانی است

که هم اکنون می تواند برای ساخت برنامه های وب و حتی دسک تاپ با استفاده از Electron مورد استفاده قرار گیرد.

Ionic روی WebView (مرورگر) و چهارچوب های بومی ترکیبی مانند React Native یا NativeScript که از JavaScript استفاده می کنند

اما سریعتر با کد بومی کامپایل می شود اجرا می شود.

به نظر من ، اگر شما فقط یک برنامه ترکیبی را بنا می کنید ، سپس یک تحقیق درباره چهارچوب های مختلف انجام دهید ،

گزینه های زیادی وجود دارد؛ اما اگر می خواهید یک وب سایت یا برنامه دسک تاپ نیز ایجاد نکنید ، Ionic راهی است که باید پیش بروید.

جوانب مثبت آیونیک

  • آسان برای استفاده و یادگیری است.
  • چارچوب جهانی: iOS + Android + Windows Phone + وب + PWA + دسک تاپ.
  • PWA + ویژگی های بومی تحت همان کد.
  • React + Vue پشتیبانی.
  • منبع باز و بر اساس استانداردهای وب.
  • مضامین بومی و طراحی مواد.

جوانب منفی آیونیک

  • کارایی. بسیار بهتر و مشابه NativeScript اما پایین تر از Flutter است.
  • در WebView اجرا می شود. فروشگاه های App ممکن است از این موضوع خوشحال نباشند.

منبع

0 نظرات

نظر خود را بنویسید