به این دلیل تشدید شده‌اید که نمی‌توانید برنامه‌ای را که ساخته‌اید به‌طور سرتاسر اجرا کنید؟ چرا از مزایای بی حد و حصر اتوماسیون استقرار نرم افزار برای افزایش بهره وری استفاده نکنید؟ مهندسی پلتفرم از اتوماسیون توسعه و استقرار برنامه پشتیبانی می کند تا تا حدودی از بار توسعه دهندگان بکاهد.

به همین دلیل است که بسیاری از شرکت های نرم افزاری برای ارائه سریعتر برنامه ها و عملکرد بهتر به مهندسی پلتفرم روی می آورند. تقریبا 80% شرکت‌های مهندسی نرم‌افزار جهانی، تیم‌های پلتفرم داخلی را برای چند برابر کردن ظرفیت خروجی و افزایش عملکرد راه‌اندازی خواهند کرد.

این وبلاگ به بحث می پردازد که چگونه مهندسی پلت فرم ابعاد جدیدی از توسعه نرم افزار را برای تسهیل توسعه دهندگان باز کرده است.

مهندسی پلتفرم چیست؟

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

ما درک می کنیم که هر بار که می خواهید نرم افزار جدیدی را نصب کنید یا یک ویژگی موجود را به روز کنید، تماس با تیم DevOps بسیار دلهره آور است. با وجود تمام جنبه های مطلوب، DevOps با پیچیده کردن مراحل توسعه و استقرار، توسعه دهندگان را تا حدی محدود می کند.

مهندسی پلتفرم با فعال کردن سلف سرویس در a به این امر پایان می دهد محیط ابری. هدف اصلی مهندسی پلتفرم این است که به توسعه‌دهنده اجازه داده شود تا چرخه عمر برنامه را بدون مداخله خارجی نظارت کند.

در این فرآیند، برای پیاده‌سازی و حفظ ویژگی‌ها و تغییرات در برنامه‌هایی که می‌سازید، نیازی نیست به مهندسان DevOps تکیه کنید، زیرا برای انجام کار به ابزارهای خودکار دسترسی دارید. همانطور که گفته شد، برای استفاده از تمام ابزارهای DevOps نیازی به تسلط بر مهارت ها ندارید.

تفاوت اساسی بین DevOps و مهندسی پلتفرم

بی معنی است که فرض کنیم DevOps و مهندسی پلتفرم قطب هایی از هم هستند زیرا در واقع دو روی یک سکه هستند.

مهندسی پلتفرم را می توان به طور دقیق به عنوان اجرای استراتژی های مفهومی اصلی DevOps توصیف کرد.

هدف DevOps در هسته خود افزایش حجم تولید و کیفیت نرم افزار به طور همزمان با استفاده از ابزارهای اختراعی، چارچوب ها و استراتژی های همکاری است. مهندسی پلتفرم یک پلت فرم متمرکز از ابزارها و گردش کار یکپارچه را برای به حداقل رساندن “بار خلاقانه” در مشارکت کنندگان DevOps ارائه می دهد. در واقع، مهندسی پلتفرم بخش بسیار مهمی از استراتژی‌های DevOps است.

اصول اولیه مهندسی پلتفرم چیست؟

مهندسی پلت فرم با مجموعه ای از اصول همراه است. بیایید آنها را با جزئیات بحث کنیم –

پشتیبانی نیاز گرا

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

مهندسان پلتفرم می‌توانند ویژگی‌هایی را توسعه دهند که نحوه عملکرد زیرساخت توسعه شما در محیط‌های مرحله‌ای جدید را توضیح دهد. این باعث صرفه جویی در زمان اضافی برای آزمایش می شود.

دسترسی به ابزارهای سلف سرویس

توسعه یک پلتفرم توسعه دهنده داخلی با کمک مهندسان پلتفرم به معنای امکان دسترسی آسان توسعه دهندگان به مجموعه ای از ابزارهای کنترلی است. همه ابزارهای سلف سرویس ادغام شده در پلتفرم باید به راحتی برای توسعه دهندگان قابل دسترسی باشند.

مطمئن شوید که پلتفرم به‌جای ارائه راه‌حل‌های کلی، توسعه‌دهندگان را بر اساس نیازهایشان به طور خلاقانه ترغیب می‌کند.

ارتقاء مداوم

از آنجایی که توسعه نرم‌افزار یک فرآیند همیشه در حال تغییر است، پلتفرم توسعه‌دهنده داخلی شما باید دائماً در حال تکامل باشد تا با الزامات توسعه سازگاری داشته باشد.

شما باید اطمینان حاصل کنید که بداهه‌پردازی‌های به موقع در پلتفرم ادغام شده‌اند تا نیازهای توسعه‌دهندگان داخلی شما را برآورده کند.

اتوماسیون و IAC

نقل قول از پلت فرم توسعه دهنده داخلی شما مورد نیاز است خدمات مدیریت زیرساخت به صورت خودکار

به همین دلیل است که وقتی شما چنین پلتفرم توسعه‌دهنده‌ای دارید، توسعه‌دهندگان نیازی به پرداخت هزینه اضافی برای مدیریت زیرساخت ندارند.

چنین پلتفرمی یک زیرساخت توسعه خودکار و قابل تکرار با فضای بسیار کمی برای مداخله دستی فراهم می کند. ابزارهای IaC در پلتفرم ادغام شده اند تا چشم انداز آن را تعریف کنند.

چه زمانی باید یک تیم مهندسی پلت فرم داشته باشید؟

سردرگمی در مورد استخدام مهندسان پلت فرم در ذهن شما وجود دارد؟ شرایط خاصی وجود دارد که شما باید به استخدام یک تیم مهندسی پلت فرم فکر کنید و ما در اینجا به آنها اشاره می کنیم-

• توسعه محصول به حداکثر تمرکز نیاز دارد و عوامل حواس پرتی باعث کاهش قابل توجه کیفیت خروجی در صورت توسعه نرم افزار می شود. اگر می خواهید تیم مهندسی داخلی اصلی شما بر توسعه محصول تمرکز کند، نباید مسئولیت های دیگری مانند مدیریت زیرساخت یا کار با خط لوله کد را به آنها محول کنید.
• با افزایش اندازه تیم توسعه داخلی شما، مقیاس‌بندی برنامه‌های کاربردی شروع به پیچیده شدن می‌کند. این در مورد رایج تر می شود توسعه میکروسرویس ها در واقع، همه توسعه‌دهندگان در مواجهه با چالش‌های عملیاتی که در فرآیند توسعه و مقیاس‌بندی برنامه‌ها به وجود می‌آیند، تخصص ذاتی ندارند. کسانی که در برخورد با مسائل عملیاتی تجربه ندارند، می توانند حلقه های ضعیف در کل فرآیند توسعه باشند و سرعت کار را کاهش دهند. هنگامی که شاهد این موضوع شدید، به راه اندازی یک تیم مهندسی پلت فرم فکر کنید.
• اگر علاوه بر توسعه برنامه، هدف شما آزمایش است، بهتر است به طور مداوم برخی از مهندسان پلتفرم ماهر را درگیر کنید. به خصوص اگر شما هستید ارائه دهنده خدمات ابرینوآوری هک های جدید استقرار برنامه های ابری، کلید ارتقاء سرویس برای شرکت شما است.

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

خلاصه کردن

عدم هماهنگی در توسعه و استقرار برنامه بر کیفیت خروجی تأثیر منفی می گذارد و مهندسی پلت فرم هوشمندانه ترین راه حل برای این مشکل است.

چرا از کاوش در مزایای متنوع مهندسی پلتفرم خودداری می کنیم در حالی که سازمان های پیشرو جهانی قبلاً این فناوری را به طور یکپارچه پذیرفته اند؟ خدمات مدیریت زیرساخت? به توسعه دهندگان داخلی خود این امتیاز را بدهید که کل فرآیند توسعه را با مهندسی پلتفرم کنترل کنند.

The post هر آنچه باید در مورد مهندسی پلتفرم بدانید اولین بار در DEV IT Journal پدیدار شد.

React Native ویژگی ها و عملکردهای جدیدی را با انگیزه کمک به توسعه دهندگان در نوشتن کد بهتر اضافه می کند. همانطور که جامعه توسعه برای یک اکوسیستم بهتر آماده می شود، افزودنی هایی مانند React Native Codegen ساخت راه حل های موثر را آسان تر و کارآمدتر می کند.

راه اندازی Codegen در راستای تسریع توسعه React Native با خودکارسازی وظایف تکراری و کمک به توسعه دهندگان برای استخراج اسکریپت های کد است.

طبق نسخه رسمی React Native، Codegen به عنوان یک ستون توسعه واجد شرایط نیست. در بهترین حالت، این ابزاری است برای آسان کردن کار برنامه نویس.

آیا میخواهید بیشتر بدانید؟ برای یافتن اطلاعات دقیق درباره Codegen و نحوه استفاده یک شرکت توسعه برنامه بومی React از آن به ادامه مطلب مراجعه کنید.

React Native و Codegen Component چیست؟

React Native یک است توسعه اپلیکیشن موبایل قاب با استفاده از react native، یک شرکت توسعه‌دهنده اپلیکیشن موبایل می‌تواند اپلیکیشن‌های چند پلتفرمی بسازد. آنها این برنامه ها را با جاوا اسکریپت می سازند که زبان برنامه نویسی اصلی React و React Native است.

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

توسعه دهندگان می توانند از همان پایه کد دوباره استفاده کنند و آن را مطابق با پلتفرم تغییر دهند. در نتیجه، برنامه ها به سرعت و با هزینه های نسبتا کمتر ساخته می شوند.

در حالی که سازگاری بین پلتفرم یکی از جنبه‌های اصلی React Native است، مؤلفه Codegen یکی دیگر از موارد اضافی مفید است.

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

شما می توانید انتخاب کنید که تمام کدهای داربست را به صورت دستی بنویسید، اما با یک Codegen قابل خواندن، کارها می توانند سریعتر تکمیل شوند.

در React Native، هنگام ساختن یک برنامه iOS یا Android، Codegen به طور خودکار فراخوانی می شود. کدجن از زبان برنامه نویسی TypeScript برای نوشتن کد برای اجزای برنامه استفاده می کند. برای رمزگذاری، Codegen به تعریف TypeScript ذخیره شده در فایل ها اشاره می کند.

علاوه بر این، Codegen یک ابزار خط فرمان است که کد را تجزیه و تحلیل می‌کند و کد جزء ایمن تولید می‌کند. هنگامی که از Codegen استفاده می کنید، به طور خودکار مؤلفه ها و قلاب های پایگاه کد را دریافت خواهید کرد.

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

برای معرفی به‌روزرسانی‌های Codegen، با React Native نسخه 0.70، تیم یک روش یکپارچه برای تعریف مشخصات Codegen معرفی کرد.

روش جدید به طور مشابه برای برنامه های iOS و اندروید کار می کند. در نسخه‌های قبلی، توسعه‌دهندگان مجبور بودند یک فایل پیکربندی اندروید جداگانه مانند ساخت و ساز. کلاس

توسعه دهندگان اکنون می توانند پیکربندی ها را مستقیماً در آن تعریف کنند package.json;

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

قبل از اینکه بدانیم چگونه از Codegen استفاده کنیم، به یاد داشته باشید که مربوط به ساخت برنامه است. اسکریپت های مورد نیاز توسعه دهندگان برای فراخوانی Codegen در دسترس هستند واکنش نشان می دهد مخزن NPM

فرآیند استفاده از یک جزء Codegen در React Native

برای استفاده از Codegen، توسعه دهندگان باید JSON را درک کنند، زیرا توسعه دهندگان باید اطلاعات لازم را در فایل JSON ارائه دهند. مؤلفه Codegen کد جاوا اسکریپت مورد نیاز را با توجه به مشخصات به اشتراک گذاشته شده با فایل تولید می کند.

در اینجا مراحل اساسی برای استفاده از Codegen برای کار توسعه شما آمده است.

1. با تعریف رابط یک جزء در a شروع کنید .d.ts فایل. مطمئن شوید که انواع prop و انواع حالت مؤلفه‌ای را که برای آن نیاز به تولید خودکار کد در فایل دارید، اضافه کنید.

2. مرحله بعدی نصب ابزار Codegen به صورت وابستگی به توسعه دهندگان در پروژه برای نصب React Native Codegen از دستور زیر استفاده کنید.

npm نصب -g react-native-codegen

3. سپس یک را ایجاد کنید tsx فایل برای مؤلفه ای که می خواهید برای آن کد تولید کنید. سپس، واردات React و وابستگی های مؤلفه لازم را اضافه کنید.

4. در ادامه، باید ابزار Codegen را در بالای صفحه وارد کنید tsx فایل در ابتدا ایجاد شد برای تکمیل مرحله 4، اسکریپت کد را دنبال کنید.

5. برای گام بعدی، ما می خواهیم کامپوننت Codegen با گرفتن اطلاعات مربوط به یک عنصر JSX را برگرداند پشتیبانی و مرجع. برای این کار از کد زیر استفاده کنید.

6. مرحله بعدی استفاده از ابزار Codegen برای تولید کد TypeScript برای کامپوننت تعریف شده در فایل قبلی است.

کد به دست آمده را می توان MyComponentNative نامید و به همین ترتیب برای سایر قسمت های پروژه استفاده کرد. این کامپوننت را برای استفاده مانند هر مؤلفه دیگر React Native تغییر می دهد.

این یک توضیح اساسی در مورد نحوه استفاده از ابزار codegen بود. اجرای دقیق آن به نیازها و نیازهای پروژه شما بستگی دارد.

در زیر مثالی از نحوه استفاده از Codegen برای تولید کد یک جزء Button آورده شده است.

پس از نصب، توسعه دهندگان باید یک فایل JSON برای تعریف اجزا ایجاد کنند. برای مرجع شما، اسکریپت کد زیر یک فایل JSON است که یک جزء دکمه را تعریف می کند.

به مؤلفه Button و دو ویژگی آن که از طریق یک فایل JSON تعریف شده است توجه کنید. جزئیات مولفه Button عبارتند از:

• سربرگ – که از نوع رشته ای است
• onPress – که یک تابع prop بدون آرگومان و بدون مقدار بازگشتی است.

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

react-native-codegen MyButton.json MyButton.js را تولید می کند

در نتیجه، توسعه دهندگان دسترسی مستقیم به فایلی به نام MyButton.js دارند که حاوی کد نوع ایمن مؤلفه است.

این یک برنامه از مؤلفه React Native Codegen را خلاصه می کند. همین ابزار همچنین می تواند رابط های TypeScript و Flow Types را تولید کند.

استفاده از این دو برنامه، استفاده از بررسی نوع و تکمیل کد در IDE را آسان‌تر می‌کند. با این ویژگی، نوشتن و نگهداری کد ساده می شود.

همچنین می توانیم از Codegen با TypeScript استفاده کنیم. این چگونه است؟

در اینجا نیز، توسعه دهندگان باید TypeScript را با اطلاعاتی در مورد کامپوننت ها و هوک ها ارسال کنند. با استفاده از این، Codegen می تواند به محتویات فایل نگاه کند و کد ایمن برای کامپوننت و هوک تولید کند.

برای مثال، گرفتن یک فایل TypeScript، Button.tsx حاوی کد یک جزء دکمه است. توسعه‌دهندگان می‌توانند مؤلفه‌های ایمن تایپ را با دستور تولید کنند.

npx react-native-codegen تولید –componentName Button –schema

این دستور به Codegen دستور می دهد تا یک جزء محافظت شده از نوع Button را تولید کند. با استفاده از مسیر فایل TypeScript “

مزایای Codegen برای توسعه اپلیکیشن موبایل

هنگامی که فیس بوک در سال 2018 معماری جدیدی را برای React Native معرفی کرد، انگیزه پشت آن رفع برخی ساختارها و مشکلات طولانی مدت بود. هدف این است که آن را آسان تر کنید ایجاد اپلیکیشن های چند پلتفرمی. در اینجا برخی از مزایای مؤلفه Codegen در توسعه برنامه React Native آورده شده است.

کیفیت کد بهتر:

با استفاده از مؤلفه Codegen، توسعه دهندگان می توانند کد بدون خطا را در کسری از زمان بنویسند زیرا بخش تولید کد را خودکار می کند.

همچنین، تشخیص خطا با Codegen در زمان کامپایل امکان پذیر است، برخلاف موارد قبلی در زمان اجرا. در نتیجه، الف شرکت توسعه اپلیکیشن موبایل در نهایت باعث صرفه جویی در زمان و تلاش می شود در غیر این صورت صرف رفع اشکال می شود.

تعامل سریعتر با توسعه:

Codegen تمرین تولید کد را حداقل برای کارهای تکراری خودکار می کند. این به طور خودکار اجزا و قلاب های ایمن را تولید می کند و به توسعه دهندگان این امکان را می دهد تا بدون تأکید بیش از حد بر اجرای پروژه، روی ساختن عملکرد اصلی برنامه تمرکز کنند.

کد قابل استفاده مجدد:

یکی از مزایای اصلی توسعه یک برنامه بومی React استفاده مجدد از کد است. از آنجایی که Codegen بخشی از react native است، کد تولید شده توسط این ابزار قابل استفاده مجدد است.

علاوه بر این، برای اجرای سریع‌تر، می‌توانید یک کتابخانه جداگانه از مؤلفه‌های ایمن نوع و اسکریپت کد تولید شده با Codegen ایجاد کنید. استفاده از این کد اسکریپت ها به شما کمک می کند تا زمان و تلاش زیادی را ذخیره کنید.

ساخت برنامه های کاربردی چند پلتفرمی:

می توانید از Codegen برای ایجاد برنامه های iOS و Android استفاده کنید. Codegen می تواند اسکریپت های کد ایمن برای هر دو نوع برنامه، منحصراً برای هر یک از این پلتفرم ها تولید کند. در نتیجه، توسعه دهندگان نیازی به نوشتن کد جداگانه برای iOS و Android ندارند.

بیایید آن را جمع بندی کنیم

React Native Codegen چندین مزیت را برای توسعه دهندگان ارائه می دهد توسعه اپلیکیشن موبایل شرکت، کمک به آنها در ساخت برنامه های iOS و Android با کیفیت بالا. به‌علاوه، توسعه‌دهندگان با استفاده از Codegen ساخت اپلیکیشن را آسان‌تر می‌کنند، زیرا به نوشتن کدهای با کیفیت بالا، بدون خطا و قابل استفاده مجدد کمک می‌کند.

با استفاده از Codegen می توانید کار مورد نیاز برای نوشتن کد دیگ بخار را کاهش دهید و همیشه کدهای به روز و قابل نگهداری داشته باشید. در نهایت، کدژن React Native یکی از راه‌های ساخت اپلیکیشن‌های آماده عملکرد است.

پست درک React Native و فرآیند استفاده از آن برای توسعه اپلیکیشن اندروید و iOS اولین بار در DEV IT Journal ظاهر شد.

کسب و کارهای مدرن باید با چیزهای زیادی دست و پنجه نرم کنند که یکی از آنها زیرساخت پیچیده فناوری اطلاعات است. سرورها، پایگاه های داده و هر چیز دیگری نیاز به به روز رسانی مداوم برای اطمینان از امنیت داده ها و رضایت مشتری دارند. از قضا این سیستم های فناوری اطلاعات هستند که با بیشترین مشکلات از جمله قطعی های برنامه ریزی نشده مواجه هستند. اینجاست که نوسازی اپلیکیشن ابری وارد تصویر می شود

نوسازی برنامه های ابری با انتقال برنامه های کاربردی داخلی به فضای ابری سروکار دارد. اگرچه به طور قابل توجهی هزینه های زیرساخت را کاهش می دهد، زیرساخت فناوری اطلاعات ابری نیز می تواند با اختلالاتی مواجه شود. شما نمی توانید یک توقف اضطراری را پیش بینی کنید، اما مطمئناً می توانید برای آن آماده شوید.

MongoDB Atlas یک پایگاه داده ابری است که می تواند در این زمینه به شما کمک کند. چگونه استفاده از خوشه های چند ابری و چند منطقه ای. بیایید پیشتر مطالعه کنیم و ببینیم چگونه می توان از این خوشه ها به نفع ما استفاده کرد و چگونه آنها را با MongoDB Atlas پیاده سازی کرد.

خوشه های چند ابری و چند منطقه ای در MongoDB Atlas چیست؟

MongoDB Atlas یک پایگاه داده انحصاری و با مدیریت خوب است که استقرار، مدیریت و تنظیم استقرار ارائه دهندگان ابری را بسیار آسان می کند. این می تواند هر یک از آنها باشد، از جمله AWS، Google Cloud Services یا Azure.

در اینجا مروری بر دو ویژگی قابل توجه آن است!

خوشه های چند ابری

همانطور که از نام آن پیداست، MongoDB Atlas خوشه های چند ابری را ارائه می دهد که در آن داده ها در چندین ارائه دهنده خدمات ابری مختلف به اشتراک گذاشته می شود. بسیاری از شما ممکن است در اینجا به دنبال شکار باشید. ایناهاش!

ببینید، همه ارائه دهندگان خدمات ابری همه ویژگی های برنامه های خود را به شما ارائه نمی دهند. AWS، GCP یا Azure، هر کدام از آنها برنامه های منحصر به فرد خود را با مجموعه ای از ویژگی ها و خدمات متفاوت دارند. بنابراین، اگر تصمیم به استقرار خوشه های Multi-Cloud دارید، می توانید از همه آنها استفاده کنید.

برای مثال، اگر می‌خواهید از هوش مصنوعی Google Cloud Vision و یکپارچه‌سازی مداوم و استقرار مداوم Azure DevOps استفاده کنید، خوشه‌های چند ابری بهترین انتخاب هستند.

خوشه های چند منطقه ای

این دومین ویژگی است که می تواند فرآیند مدرن سازی برنامه های ابری را مثمر ثمر کند. همانطور که داده ها با ارائه دهندگان خدمات ابری مختلف در خوشه های چند ابری به اشتراک گذاشته می شود، خوشه های چند منطقه ای با تکرار همان داده ها با سرورهای مناطق مختلف سروکار دارند. اینها مناطق دسترسی نامیده می شوند.

انگیزه اصلی پشت خوشه های چند منطقه ای، اطمینان از عملکرد بدون وقفه برنامه در صورت قطع در یک منطقه است. اگر یکی از مناطق پایین بیاید، سایر مناطق به عنوان پشتیبان برای آن عمل می کنند. می توانید مناطقی را انتخاب کنید که در صورت خرابی می توانند پشتیبان گیری شوند.

خوشه های چند منطقه ای به عنوان خوشه های کششی نیز شناخته می شوند.

کاوش در مزایای خوشه‌های چند ابری و چند منطقه‌ای در MongoDB Atlas!

سازمان ها می توانند تا حد زیادی از هر دو ویژگی خوشه MongoDB Altlas بهره مند شوند. بیایید نگاهی به این مزایا بیندازیم!

مدیریت هزینه:

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

از آنجایی که بسیاری از ارائه دهندگان خدمات ابری وجود دارند، کسب و کارها می توانند ارائه دهندگان خدمات خاصی را انتخاب کنند و با استفاده از خوشه های Multi-Cloud از ویژگی های نرم افزار آنها استفاده کنند.

در دسترس بودن همیشه:

در دنیای فناوری اطلاعات امروز، این امکان پذیر است ارائه دهندگان خدمات ابری مناطق در دسترس ممکن است در همه جا در دسترس نباشند. به عنوان مثال، خدمات ابری گوگل و خدمات وب آمازون یک منطقه در کانادا دارند.

اگر می خواهید خدمات بدون وقفه را در هر دو منطقه ارائه دهید، باید از خوشه های چند ابری استفاده کنید. اگر سایر ارائه دهندگان خدمات مانند Azure اجازه می دهند، می توانید گره های اضافی را برای تحمل خطا اضافه کنید.

بازیابی فاجعه:

ارائه دهندگان خدمات فناوری اطلاعات نمی توانند سرورهای خود را از کار بیاندازند. استفاده از خوشه های چند ابری در MongoDB Atlas می تواند یک اقدام متقابل عالی باشد. اگر در دسترس بودن برنامه در یک منطقه کاهش یابد، داده های تکراری در مناطق دیگر می توانند از تجربه برنامه های مشتریان پشتیبانی کنند.

علاوه بر این، ساختار متقابل ابری همچنین به کاهش حملات انکار سرویس توزیع شده (DDoS) کمک خواهد کرد.

مدیریت کارآمد بارهای کاری:

مدیریت حجم کار با انتقال برنامه ها و داده های آنها از یک ابر به ابر دیگر یک چیز است. نکته دیگر این است که همه این کارها را در حالی که برنامه در حال اجرا است انجام دهید. MongoDB Atlas دارای یک ویژگی اتوماسیون داخلی است که به طور یکپارچه از تکرار داده ها مراقبت می کند.

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

چگونه می توان خوشه های چند ابری و چند منطقه ای را در MongoDB Atlas مستقر کرد؟

بنابراین اگر نوسازی اپلیکیشن ابری را انجام داده اید و می خواهید خوشه های چند ابری و چند منطقه ای را در MongoDB Atlas مستقر کنید، در اینجا مراحل وجود دارد!

یک پروژه ایجاد کنید

ابتدا وارد حساب ابری MongoDB خود شوید و سازمان خود را انتخاب کنید.

روی “پروژه جدید” کلیک کنید و نام آن را وارد کنید.

در مرحله بعد، باید اعضای پروژه را به همراه مجوزهای آنها اضافه کنید.

روی “ایجاد پروژه” کلیک کنید.

ساخت و پیاده سازی پایگاه داده

در اینجا باید با کلیک بر روی دکمه “ایجاد پایگاه داده” یک پایگاه داده ایجاد کنید.

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

• بدون سرور
• اختصاصی
• به اشتراک گذاشته شده است

مطمئن شوید که انتخاب خود را عاقلانه انجام می دهید. سرورهای مختلف برای سناریوهای مختلف ایده آل هستند مانند

• برای آزمایش و بارهای کاری ترافیک متغیر، استقرار بدون سرور را انتخاب کنید.
• برای محیط های زنده، سرورهای اختصاصی بهترین هستند زیرا نیاز به نگهداری مداوم دارند.
• برای هر نیاز اساسی دیگر، پایگاه های داده مشترک بهترین انتخاب هستند.

ایجاد یک خوشه اختصاصی

هنگامی که استقرار مورد نظر خود را انتخاب کردید، زمان ایجاد یک خوشه فرا می رسد. به دنبال گزینه Create Cluster بگردید و روی آن کلیک کنید. از آنجایی که این اولین خوشه شماست، پس از اولین مرحله، «Custom Multi-Region Clusters» را انتخاب کنید.

در صفحه بعدی، گزینه “Multi-Cloud, Multi-Region & Workload Isolation” را روشن کنید.

ارائه دهنده و منطقه ابری را انتخاب کنید

در این مرحله؛ همانطور که در تصویر بالا نشان داده شده است، باید ارائه دهنده خدمات را انتخاب کنید. ابتدا ارائه دهنده خدمات ابری و سپس منطقه آن را انتخاب کنید.

Yما آزاد هستیم که چندین منطقه را برای یک ارائه دهنده خدمات انتخاب کنیم.

نکات: هنگام انتخاب ارائه دهنده خدمات و منطقه، مطمئن شوید که تعداد کل گره ها همانطور که در تصویر بالا نشان داده شده است همیشه فرد باشد. این تضمین کننده انتخابات قابل اعتماد است. شما در انتخاب مناطق با اولویت بالاتر آزاد هستید.

پیکربندی استقرار

این یک مرحله بسیار مهم است زیرا شامل پیکربندی تمام عوامل لازم برای استقرار موفقیت آمیز است. این عوامل هستند!

مرحله	این یک سطح پیکربندی از ابتدایی تا پیشرفته است.
رم	رم با توجه به انتخاب سطح انتخاب می شود.
ذخیره سازی	اندازه کل فضای ذخیره سازی را نشان می دهد.
vCPU	تعداد پردازنده های مجازی
قیمت	قیمت با توجه به سطح انتخاب شده

توجه: می‌توانید ویژگی مقیاس‌بندی خودکار را فعال کنید، زیرا به‌طور خودکار با رم و فضای ذخیره‌سازی تنظیم می‌شود.

پس از تمام مراحل بالا، شما باید خوشه را نامگذاری کنید. اطمینان حاصل کنید که فقط از حروف، اعداد و خط تیره ASCII در نام استفاده می کنید.

روی “Create Cluster” کلیک کنید و مستقر می شود.

با چه چالش هایی ممکن است با خوشه های چند ابری و چند منطقه ای مواجه شوید؟

در حالی که مزایای بی شماری برای خوشه های چند ابری و چند منطقه ای وجود دارد، چالش های نگران کننده ای نیز وجود دارد.

سختی:

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

حفاظت از داده ها:

با Multi-Cloud و Multi-Region Cluster، داده های برنامه شما در مناطق مختلف جهان در دسترس خواهد بود. این امر خطر حملات سایبری و نقض داده ها را افزایش می دهد.

تاخیر:

پلتفرم‌های ابری مختلف عملکرد متفاوتی دارند و یک مشکل عملکرد کوچک می‌تواند منجر به افزایش تأخیر شود.

مشکلات سازگاری:

از آنجایی که پلتفرم های ابری مختلف درگیر هستند، مشکلات سازگاری محتمل است.

نتیجه

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

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

The post راهنمای پیاده‌سازی خوشه‌های چند ابری و چند منطقه‌ای در MongoDB Atlas! اولین بار در DEV IT Journal ظاهر شد.

اگر صاحب یک وب سایت هستید، بدیهی است که روی یک CMS (سیستم مدیریت محتوا) کار کرده اید. سیستم مدیریت محتوا ابزاری عالی است که توسط توسعه دهندگان و غیر توسعه دهندگان برای ایجاد، مدیریت و مقیاس یک وب سایت استفاده می شود. با این حال، در دنیای پر سرعت امروز، رقابت با یک CMS سنتی می تواند دشوار باشد.

سیستم های مدیریت محتوای سنتی دارای یک فرانت اند و یک باطن هستند که توسط یک پایگاه کد برنامه کاربردی متصل می شوند. از سوی دیگر، یک CMS بدون هد مانند Strapi هیچ ارتباطی بین محتوای باطن و فرانت اند ندارد.

نکته اصلی در اینجا این است که یک CMS بدون هد مانند Strapi به توسعه دهندگان اجازه می دهد تا انعطاف پذیرتر باشند. آن‌ها می‌توانند رابط کاربری دلخواه، پشته فناوری، چارچوب‌ها و غیره را انتخاب کنند تا محتوا را در چندین کانال به طور همزمان به اشتراک بگذارند.

استراپی چیست؟

مانند بسیاری از CMS های دیگر، Strapi یک سیستم مدیریت محتوای متن باز است که بدون هد است. Headless در اینجا به معنای بدون پایان است.

توسعه دهندگان می توانند از انواع مختلف رابط کاربری و ابزار برای ارائه محتوا از طریق کانال های مختلف به روش های مختلف استفاده کنند. Strapi APIهایی مانند GraphQL و RESTful را برای ایجاد و مدیریت محتوا در اختیار توسعه دهندگان قرار می دهد.

اهمیت React!

از آنجایی که Strapi یک CMS بدون هد است، می‌تواند چارچوب‌های مختلفی وجود داشته باشد که شما به‌عنوان یک توسعه‌دهنده می‌توانید از آنها برای ارائه محتوای ممتاز به مخاطبان خود استفاده کنید.

React یکی از بهترین کتابخانه های جاوا اسکریپت است که می تواند تماس های API را به باطن انجام دهد. این یک کتابخانه جلویی است که توسط فیس بوک توسعه یافته است.

چگونه از React with Strapi استفاده کنیم؟

ازدواج React و Strapi می تواند بهترین چیز برای بهبود تجربه کاربر باشد. بنابراین، اگر قصد دارید آنها را اعمال کنید، این بخش برای شما مفید خواهد بود. بیایید با راه اندازی یک CMS بدون هد شروع کنیم، Strapi!

راه اندازی Strapi!

برای مدیریت تماس‌های API و ذخیره داده‌ها در باطن، به یک رابط نیاز دارید. Strapi عالی به شما ارائه می دهد.

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

npm	npx create-strapi-app thesecret-project – شروع سریع
نخ	yarn یک برنامه جهانی برای ایجاد تسمه نصب کنید yarn create-strapi-app thesecret-project –quickstart
نخ ورژن 3 به بالا	yarn dlx create-strapi-app thesecret-project –quickstart

هنگامی که برنامه توسط شما ساخته می شود، می توانید از حالت توسعه برنامه برای جمع آوری داده ها در backend استفاده کنید. وقتی حالت توسعه فعال است، سروری را در اختیار شما قرار می‌دهد که در آن می‌توانید مجموعه‌های داده‌ها را مدیریت کنید و نقاط پایانی API را برای دسترسی به آن مجموعه‌ها ایجاد کنید.

برای استفاده از حالت توسعه، از دستورات زیر استفاده کنید!

• توسعه اجرای npm
• توسعه نخ

توجه داشته باشید: شما باید این دستورات را در پوشه secret-project اجرا کنید.

سپس به نوار آدرس بروید و تایپ کنید http://localhost:1337/admin. صفحه مدیریت باز می شود که در آن باید تمام جزئیات مورد نیاز را پر کنید.

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

بیایید شروع به ایجاد یک مجموعه کنیم! مجموعه مجموعه ای از داده هاست که دارای ساختار اسکلتی یکسانی هستند. علاوه بر این، هر یک از این مجموعه ها در Strapi از طریق یک نقطه پایانی API قابل دسترسی هستند.

آنجا هستند مراحل ایجاد یک مجموعه!

1. به دنبال گزینه Content-type Builder در قسمت Plugins بگردید.

2. در منوی باز شده گزینه «Create a new collection type» را انتخاب کنید که مجموعه جدیدی برای شما ایجاد می شود.

3. در صفحه بعد، نام مجموعه را در قسمت Display Name وارد کنید. این نام توسط استراپی برای اشاره به این مجموعه استفاده خواهد شد. ما از “خانه ها” استفاده کرده ایم.

4. روی دکمه Continue ضربه بزنید تا ایجاد مجموعه به پایان برسد.

5. حال باید کادر متن را در تنظیمات اولیه انتخاب کنید. در اینجا باید نام فیلد را وارد کنید.

6. سپس بر روی گزینه Long Text کلیک کرده و Finish را بزنید.

7. همچنین می توانید در صورت نیاز تغییراتی در تنظیمات پیشرفته ایجاد کنید.

8. وقتی همه این کارها انجام شد، روی گزینه Save کلیک کنید. مجموعه شما ثبت شده است.

مجموعه «خانه‌ها» را با نامی که تعیین کرده‌اید در برنامه فهرست‌شده می‌بینید.

توجه داشته باشید: پس از تکمیل ثبت نام، Strapi به طور خودکار راه اندازی مجدد می شود.

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

مراحل ایجاد کامپوننت!

1. روی Content-type Builder و سپس Create New Component کلیک کنید.

2. در پنجره پاپ آپ، تنظیمات اولیه کامپوننت را تغییر دهید. نام جزء را تایپ کنید، دسته را اضافه کنید و یک نماد را انتخاب کنید. اگر دسته وجود ندارد، با وارد کردن نام، یکی ایجاد کنید. ما از ‘blank_banner’ به عنوان نام و همچنین دسته استفاده کردیم.

3. روی Continue کلیک کنید.

در مرحله بعد، فیلدهای مورد نیاز را اضافه کنید و در مورد یک فیلد متنی، آنها را مانند بالا پیکربندی کنید. روی ذخیره کلیک کنید و کامپوننت شما ایجاد خواهد شد.

اکنون که نحوه ایجاد یک مجموعه و یک جزء را یاد گرفتید، بیایید رکوردهای آزمایشی را به مجموعه ها اضافه کنیم. این رکوردها برای تأیید اینکه مجموعه داده ها را همانطور که در نظر گرفته شده پردازش می کند اضافه می شوند. در اینجا نحوه شما می توانید ایجاد سوابق آزمون.

1. Content Manager را از منوی سمت چپ باز کنید.
2. روی دکمه “ایجاد رکورد جدید” کلیک کنید.
3. در قسمت Item هر چه می خواهید بنویسید.
4. مورد را ذخیره کرده و در ادامه منتشر کنید تا در مجموعه ثبت شود.

شما می توانید هر تعداد ورودی که می خواهید اضافه کنید. ما فقط باید بررسی کنیم که مجموعه طبق برنامه کار می کند، بنابراین حداقل به دو رکورد نیاز داریم.

راه اندازی Strapi نیز شامل افزودن اجزا به مجموعه ها. در اینجا مراحل است!

1. نوع مجموعه ایجاد شده در زیر گزینه Collection Type را انتخاب کنید.
2. «افزودن فیلد دیگری» و سپس Components را انتخاب کنید.
3. در اینجا می توانید یک کامپوننت ایجاد کنید یا از یک جزء موجود استفاده کنید.
4. بر روی use exist کلیک کنید و جزء مورد نظر خود را انتخاب کنید.
5. اکنون می توانید یک بار از کامپوننت استفاده کنید یا روی آن تکرار کنید (فرم آرایه).
6. نوع را انتخاب کرده و روی Done کلیک کنید.

ایجاد نقاط پایانی API!

تاکنون اجزاء، انواع محتوا و مجموعه‌ها را ایجاد کرده‌ایم. اکنون باید ببینیم که آیا می توانیم از طریق نقاط پایانی API به آنها دسترسی داشته باشیم. بیایید نحوه ایجاد نقاط پایانی API در Strapi را بیاموزیم!

1. منوی تنظیمات را باز کنید.
2. در زیر افزونه Users and Permissions به دنبال گزینه Roles بگردید.
3. نقش های عمومی یا تأیید شده را انتخاب کنید.
4. در قسمت Permissions به دنبال مجموعه ای که ایجاد کرده اید بگردید و روی آن کلیک کنید.
5. کادر کنار Find and Findone را علامت بزنید. همچنین می توانید مجوزهای ایجاد، حذف یا به روز رسانی را بر اساس مجموعه خود بررسی کنید.
6. این فرآیند را برای همه مجموعه هایی که ایجاد کرده اید تکرار کنید و Save را بزنید.

هنگامی که تغییرات را مانند مراحل بالا انجام دهید، نقاط پایانی زیر ایجاد خواهند شد!

1. (/api/نام مجموعه GET) را پیدا کنید: این نقطه پایانی برای دریافت مواردی که در مجموعه ایجاد شده ذخیره می شوند استفاده می شود.
2. یکی را بیابید (/api/نام مجموعه/ GET): با یافتن یک نقطه پایانی، آیتم موجود در مجموعه را دریافت می کنید. شما این کار را با جایگزین کردن آن با شناسه عنصری که می خواهید مشخص کنید انجام می دهید.

ادغام API با React!

Strapi همه چیز در مورد باطن است. برای دسترسی به اطلاعات در قسمت پشتی، به یک قسمت جلویی نیاز دارید. بهترین چیز در مورد Strapi این است که با هر نوع فریم ورک فرانت اند قابل استفاده است و ما از React Development استفاده می کنیم.

ادغام React با Strapi ساده است! در اینجا مراحل است!

1. پوشه پروژه React را در ترمینال باز کنید.
2. برای پروژه، دستور build را اجرا کنید.
3. پس از اجرای دستور، یک پوشه “build” تولید می شود. محتویات این پوشه را کپی کنید.
4. سپس در پوشه عمومی Strapi، محتویات پوشه build را Paste کنید.

شما می توانید دستور build را به دو صورت اجرا کنید!

• ساخت و ساز جریان نخ
• npm یک بیلد را اجرا می کند

اجرای برنامه!

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

GET – http://localhost:1337/api/restaurants پاسخ زیر را برمی گرداند!

نتیجه

اگرچه Strapi را می توان با ابزارهای مختلف جلویی دیگر استفاده کرد، React یکی از بهترین ها در بین همه آنها است. شما می توانید هر یک از فریم ورک های فرانت اند را مستقر کنید، اما مراحل استقرار متفاوت خواهد بود.

با مطالعه مطالب بالا، تصور روشنی در مورد Strapi CMS و نحوه ایجاد آبجکت های مختلف در آن خواهید داشت. مطمئن شوید که تمام مراحل را به دقت دنبال کرده اید. اگر به کمک حرفه ای نیاز دارید، با شرکت توسعه وب Dev IT تماس بگیرید.

پست چگونه به طور موثر از React With Strapi استفاده کنیم؟ اولین بار در DEV IT Journal ظاهر شد.

هر سال، توسعه دهندگان و علاقه مندان به محصولات، سیستم عامل و سخت افزار اپل منتظر رویداد WWDC هستند که غول فناوری اطلاعات آخرین ویژگی ها و عملکردهای خود را منتشر کند. توسعه دهندگان این رویداد را دنبال می کنند تا از آخرین به روز رسانی ها مطلع شوند و به آن دسترسی داشته باشند.

پس از رویداد اخیر WWDC، توسعه دهندگان iOS اکنون به iOS 16 و XCode 14 دسترسی کامل دارند. از آنجایی که آنها در محیط توسعه در دسترس هستند، توسعه دهندگان از جمله DevIT (یک شرکت توسعه برنامه iOS) اکنون می توانند در ویژگی ها و عملکردهای iOS 16 غوطه ور شوند. .

در هسته خود، هدف اصلی AppIntent افشای قابلیت ها یا ویژگی های iOS است. از سوی دیگر، جزئیات شناسایی شده توسط اپلیکیشن Shortcut و Siri ثبت می شود.

توسعه دهندگان می توانند از این سیستم AppIntent برای استخراج کد مورد نیاز برای انجام یک عمل خاص و تعریف داده های مورد نیاز از طریق سیستم استفاده کنند. در این گزیده، در مورد AppIntent با جزئیات صحبت خواهیم کرد و مشخصات آن را درک خواهیم کرد.

درک چارچوب هدف برنامه

در اینجا باید دو جنبه درک شود، خدمات سیستم و محتوا یا عملکرد. برنامه Intent به عنوان پلی بین این دو عمل می کند و به توسعه دهندگان این امکان را می دهد که محتوا و عملکرد را در دسترس خدمات سیستم قرار دهند.

اینها شامل سیری و برنامه Shortcuts است. عملکرد هدف برنامه در حال حاضر برای ویژگی ها و خدمات زیر در دسترس است.

• نوار منو
• به اشتراک گذاری برنامه های افزودنی
• پایانه
• اپل اسکریپت
• صفحه اصلی
• پیشنهادات
• صفحه قفل
• ابزارک میانبر
• اقدامات سریع
• صدا (Siri)
• اپل واچ
• هوم پاد
• اتوماسیون
• برنامه دسترسی سریع
• صفحه کلید
• نور افکن

موارد استفاده از برنامه Intent ممکن است شامل ارائه ابرداده، اطلاعات رابط کاربری، عبارات فعال سازی و سایر اقدامات لازم برای شروع اقدامات برنامه باشد.

به عبارت ساده، برای چیزی مانند داده کاوی، می‌توانیم از App Intent استفاده کنیم تا زمان جلسه بعدی را پیدا کنیم یا در مورد سفارشی که انجام داده‌اید بپرسیم.

علاوه بر این، می‌توانید از این قابلیت داده برای اضافه کردن اطلاعات بدون باز کردن برنامه استفاده کنید. بنابراین وقتی می‌خواهید یک قرار جدید به تقویم اضافه کنید، برنامه Intents می‌تواند به شما کمک کند بدون باز کردن برنامه تقویم، همین کار را انجام دهید.

برای ارائه این نوع عملکرد، برنامه Intent باید این عمل را در سه مکان انجام دهد.

فراداده:

این اطلاعات مربوط به برنامه، سرویس یا عملکرد است که در برنامه Shortcuts نمایش داده می شود. به عنوان مثال، نام تقویم فراداده است.

مولفه های:

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

به عنوان مثال برنامه مدیتیشن خود را در نظر بگیرید که دارای انواع جلسات مختلف است که می خواهید از آنها برای دسترسی به نوع خاصی از پارامتر استفاده کنید. برای این منظور می‌توانیم از App Intent استفاده کنیم تا با استفاده از پارامترها، عملکرد خاصی را به برنامه بدهیم.

تاکنون به برنامه مدیتیشن کمک کرده ایم تا رابطه ای بین AppIntents و برنامه مدیتیشن برقرار کند.

برای ادامه پیاده سازی، باید به اشیاء AppIntents اجازه دهیم تا تابع خاصی را بر اساس شناسه جستجو کنند.

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

روش اجرا:

این شامل سیستم لازم برای انجام کارکرد اصلی قصد است.

از آنچه تاکنون گردآوری کرده ایم، استفاده از App Intent آسان است. این نیاز به یکپارچه سازی چندین خط کد دارد. در صورتی که می خواهید شرکت توسعه برنامه موبایل شما ویژگی های پیچیده تری را اضافه کند، این کار نیز قابل انجام است.

اهمیت برنامه در iOS 16 و کاربران آن

بهبود تجربه کاربر یکی از انگیزه های اصلی انتشار چارچوب برنامه Intents است. از آنجایی که به توسعه دهندگان اجازه می دهد تا عملکردهای اضافی اضافه کنند، اقدامات را خودکار کنند و حتی برخی از عملکردها را برای کاربران ساده کنند، آنها می توانند از اقدامات تکمیل خودکار با لمس و صدا بهره مند شوند.

برنامه Intent پس از Siri Intent می آید که با iOS 10 منتشر شد. در Siri Intents، کاربران می توانند عملکرد برنامه را در دامنه های Siri، از جمله پیام رسانی، آموزش و پرداخت قرار دهند.

یکی از مزایای اصلی App Intent این است که عملکرد برنامه را در مکان های بیشتری در دسترس قرار می دهد. در نهایت، این به نفع مشتریان شما خواهد بود. علاوه بر این، با استفاده از میانبرهای برنامه، کاربران می توانند با ویژگی ها و عملکردهای برنامه از طریق سیری (صدا) درگیر شوند.

آن هم بدون نیاز به تنظیم چیزی. به همین ترتیب، این پذیرش ها باعث می شود برنامه شما در کانون توجه دستگاه کاربر ظاهر شود.

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

یک حوزه کلیدی پیاده سازی در اینجا ادغام ویژگی های برنامه در برنامه Shortcuts است. این بدان معنی است که شما باید محبوب ترین ویژگی های برنامه خود را در برنامه Shortcuts ادغام کنید.

پس از انجام این کار، کاربران می توانند از طریق چندین دروازه با این ویژگی ها و عملکردها درگیر شوند.

• از ویژگی صفحه اصلی با یک لمس استفاده کنید.
• عملکرد را از نوار منوی macOS باز کنید.
• برنامه Shortcuts را تنظیم کنید تا این ویژگی یا عملکرد به طور خودکار با خودکار راه اندازی شود.

در رویداد WWDC، مایکل گورباچ از Shortcuts Engineering به اشتراک گذاشت که “هدف ما از ایجاد برنامه Intent این است که توسعه را برای آنها لذت بخش کنیم.”

بررسی چند نمونه از این که چگونه قصد برنامه می تواند تجربه کاربر را بهتر کند

در این بخش، نمونه‌هایی از نحوه استفاده از App Intent توسط یک شرکت توسعه‌دهنده برنامه iOS و ارائه تجربه کاربری بهتر به کاربران نهایی را برجسته خواهیم کرد.

دریافت به روز رسانی: بدون باز کردن برنامه، کاربر می‌تواند از سیری بخواهد که به‌روزرسانی سفارش خود را ارائه کند. یا می توانند از سیری بخواهند که تاریخ تحویل تخمینی را بخواهد.

اطلاعات بگیر: با جستجوی صوتی، کاربران می توانند پرس و جو کنند یا اطلاعات را جستجو کنند. آنها می توانند از جستجوی صوتی برای دریافت اطلاعات از یک برنامه ورزشی، مانند پرس و جو امتیاز، آمار بازیکن و غیره استفاده کنند.

افزودن اطلاعات: درست مانند برنامه تقویم که قبلاً در مورد آن صحبت کردیم، می توانیم از سیستم App Intents برای افزودن اطلاعات استفاده کنیم. کاربران می توانند اطلاعات قرار ملاقات را به برنامه تقویم اضافه کنند. علاوه بر این، می‌توانید به کاربران اجازه دهید به‌روزرسانی‌هایی در مورد باتری خودروی برقی دریافت کنند، خودرو را خاموش کنند، وسیله نقلیه را روشن کنند و غیره.

در نتیجه همه عملکردها و قابلیت های App Intent، یک شرکت توسعه دهنده برنامه iOS می تواند راه های بهتری برای افزایش تعامل کاربر بیابد. با در نظر گرفتن قابلیت‌های App Intent، توسعه‌دهندگان می‌توانند راه‌های جدیدی را برای ارائه تجربیات بهتر کاربر کشف و پیاده‌سازی کنند.

از اجازه دادن به کاربران برای تعامل با برنامه‌های خود بدون باز کردن برنامه گرفته تا دریافت اطلاعات بدون لمس تلفن، برنامه Intent می‌تواند به کاربران اجازه دهد از صدا برای تعامل با تلفن استفاده کنند.

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

نتیجه

فریم ورک App Intent یک افزودنی جدید به سیستم عامل iOS است که به توسعه دهندگان اجازه می دهد تا عملکرد برنامه را در معرض سیری و میانبرهای برنامه قرار دهند. با انتشار فریم ورک App Intents توسط اپل، توسعه دهندگان iOS انعطاف پذیری و آزادی بیشتری برای سفارشی کردن نحوه رفتار برنامه ها دارند و تجربه کاربری بهتری را ارائه می دهند.

The post چگونه برنامه Intent Framework توسعه دهندگان را قادر می سازد تا برنامه های بهتری بسازند؟ اولین بار در DEV IT Journal ظاهر شد.

Swift Charts یک چارچوب جدید SwiftUI است که اجازه ایجاد نمودارهای سفارشی را می دهد که می توانند داده های شما را در قالب بصری نشان دهند. این برای توسعه دهندگانی است که از SwiftUI برای ارائه داده های خود استفاده می کنند. امروز مهندسان DEV IT ما نگاهی به چارچوب و نحوه استفاده از آن در چارچوب شما خواهند داشت توسعه اپلیکیشن iOS روند.

راه اندازی نمودار سوئیفت

اپل از انتشار نمودار سوئیفت در WWDC 2022 خبر داد و از آن زمان دنیای توسعه iOS را تکان داد. روشی که نمودارها می‌توانند داده‌ها را به نمودارهایی با درک آسان تبدیل کنند، بسیار شگفت‌انگیز است.

نکته ای که باید به آن توجه کنید این است که نمودارهای سوئیفت از Xcode 14.0 به بعد در دسترس هستند، به این معنی که احتمالاً قبل از استفاده از این نمودارها باید نرم افزار خود را به روز کنید.

بیایید ابتدا نمودارها را مورد بحث قرار دهیم:

همانطور که قبلاً می دانید، نمودارها نمایش های بصری داده ها هستند که درک داده های پیچیده را از طریق گرافیک برای افراد آسان تر می کنند. انواع مختلف داده ها ممکن است به انواع مختلفی از نمودارها برای نمایش نیاز داشته باشند.

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

نمودارهای سریع:

چیزی که نمودار سوئیفت را از نمودارهای عمومی متمایز می کند و آنها را برای اکثر توسعه دهندگان مفید می کند، این واقعیت است که آنها با حداقل کد کار می کنند. با نمودار سوئیفت، می‌توانید داده‌های مربوط به کد خود را در نمودارهای مختلفی ارائه کنید که هماهنگی با تیم خود را آسان می‌کند.

این نمودارها همچنین از ویژگی‌های مختلفی مانند دسترسی، محلی‌سازی و انیمیشن پشتیبانی می‌کنند و می‌توانند در پلتفرم‌های مختلف مانند iOS، iPadOS، watchOS، macOS و tvOS استفاده شوند.

مراحل پیاده سازی نمودار سریع:

اکنون که می دانید نمودارهای سوئیفت چیست و مزایای آن ها چیست، اجازه دهید نگاهی به پیاده سازی آن ها بیندازیم. ابتدا باید یک پروژه جدید با استفاده از SwiftUI از Xcode 14.0 یا جدیدتر ایجاد کنید.

نمودارها را وارد کنید سپس از نمودار مانند کد زیر استفاده کنید

در نمودار { … } انواع مختلفی از کاراکترها را برای ایجاد نمودارهای مختلف اضافه می‌کنیم. برند همان چیزی است که در نمودارها می بینیم.

بیایید در نمودارهای سریع درباره مارک بیشتر بیاموزیم

انواع برندها:

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

• بارمارک
• LineMark
• علامت نقطه
• AreaMark
• RuleMark
• RectangleMark

بارمارک:

از BarMark برای ایجاد نمودار میله ای استفاده می شود. نمودارهای میله ای نشان دهنده افقی یا عمودی است و معمولاً برای نشان دادن دسته های مختلف داده استفاده می شود. این نمودارها هنگام مقایسه دسته های مختلف داده ها بسیار مفید هستند و می توانند با کمترین کد و تلاش با استفاده از کد زیر ایجاد شوند.

در مثال زیر یک ساختار و یک آرایه برای ایجاد چندین میله ایجاد کرده ایم. می‌توانیم آرایه‌ای از داده‌ها را به Chart Initializer اضافه کنیم یا می‌توانیم یک حلقه For اضافه کنیم.

توجه داشته باشید: ساختار باید مطابقت داشته باشد قابل شناسایی پروتکل

نمودار میله ای افقی:

BarMark همچنین از نوارها برای ارائه افقی پشتیبانی می کند.

به سادگی مقادیر محور x و y را تغییر دهید تا نمودار میله ای خود را به صورت افقی نشان دهد.

نمودار میله ای 1 بعدی:

با استفاده از BarMark می توانیم داده ها را در یک جهت نیز نمایش دهیم.

برای نمایش نمودار میله ای در یک جهت، می توانیم از PlottableValue زیر استفاده کنیم:

init(x:yStart:yEnd:width:stacking:)

در مثال زیر از ویژگی سبک پیش زمینه استفاده کردم.

ویژگی سبک پیش زمینه رنگ های مختلفی را برای داده های مختلف ارائه می دهد. ویژگی سبک پیش زمینه به طور خودکار رنگ های مختلف را تنظیم می کند تا بتوانیم به راحتی آنها را تشخیص دهیم.

در مثال زیر از ویژگی نماد استفاده کردم.

ویژگی Symbol نمادهای داده مختلفی را ارائه می دهد.

ویژگی Symbol به طور خودکار نمادهای مختلفی را تنظیم می کند تا بتوانیم به راحتی داده های مختلف را با هم مقایسه کنیم.

علامت خط:

LineMark برای ایجاد نمودار خطی استفاده می شود.

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

علامت نقطه:

PointMark برای ایجاد نمودار نقطه ای استفاده می شود.

نمودار پراکندگی رابطه بین دو مجموعه داده را نشان می دهد.

علامت منطقه:

AreaMark برای ایجاد نمودار منطقه استفاده می شود.

نمودار مساحتی معمولاً برای مقایسه یک یا چند دسته در طول زمان استفاده می شود.

RectangleMark:

RectangleMark برای ایجاد نمودار مستطیلی استفاده می شود.

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

علامت قانون:

RuleMark برای ایجاد نمودار قوانین استفاده می شود.

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

روش های نمودار سریع:

روش درونیابی:

با استفاده از این روش می توانیم اشکال را به نمودار تبدیل کنیم. شکل نمودار خطی پیش فرض خطی است.

سبک پیش زمینه:

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

کدورت:

با استفاده از این روش می توانیم کدورت نمودار را بین 0 تا 1 تغییر دهیم.

شعاع گوشه:

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

chartXScale و chartYScale:

نمودار سریع به طور خودکار مقیاس را از روی داده ها تنظیم می کند. با استفاده از این روش می توانیم مقیاس نمودار را ثابت کنیم.

chartXAxis و chartYAxis:

با استفاده از این روش ها می توانیم محور X یا Y را مخفی کنیم.

روش های بیشتری وجود دارد. لطفاً از اسناد Swift Chart در اینجا دیدن کنید تا روش‌ها و ویژگی‌های بیشتری را بررسی کنید.

ویژگی های نمودار سوئیفت:

ترکیب گرافیک:

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

من چند نمونه از نمودارهای ترکیبی و نتایج آنها را در زیر اضافه کرده ام.

صداگذاری:

VoiceOver برای ارائه توضیحات صوتی از داده های نمودار استفاده می شود.

نمونه ای از ادغام VoiceOver در گرافیک.

مزایای نمودار سوئیفت:

• آسان برای ایجاد
• در دسترس
• طرح
• پشتیبانی از چند پلتفرم
• انیمیشن

ویژگی های پشتیبانی شده از Xcode برای نمودارهای سریع:

• گزینه های طرح رنگ: نمودارها را در حالت روشن و تاریک نمایش می دهد
• Orientation Variants: نموداری را با جهت گیری متفاوت نمایش می دهد
• Dynamic Type Variants: نموداری را با اندازه فونت های مختلف نشان می دهد

لینک مرجع:

اسناد Swift Charts: https://developer.apple.com/documentation/charts

نتیجه

امیدواریم این اطلاعات به شما در درک بهتر مزایای استفاده از نمودار سوئیفت در خود کمک کرده باشد شرکت توسعه اپلیکیشن موبایل. اگر سوالی دارید یا می خواهید یک وبلاگ در مورد موضوع فنی دیگری درخواست کنید، لطفاً در زیر نظر دهید.

The post نمودار سوئیفت چیست و چگونه می توان از آنها استفاده کرد؟ اولین بار در DEV IT Journal ظاهر شد.

چارچوب اتصال Multipeer از اپل به طور گسترده ای برای کشف دستگاه های نزدیک شناخته شده است. هنگامی که این چارچوب سوئیفت توسعه یافت، اتصالی را فعال می‌کند که از ارتباط این سرویس‌ها از طریق پیام‌رسانی، پخش جریانی و منابع دیگر پشتیبانی می‌کند.

این دو دستگاه می توانند از طریق بلوتوث یا وای فای به یکدیگر متصل شوند. توسعه دهندگان می توانند از این فریم ورک سوئیفت برای ساخت بازی های ساده و برنامه های چت استفاده کنند.

هنگام ساخت راه‌حل‌های iOS، چارچوب اتصال چندهمتا از شبکه‌های Wi-Fi، Wi-Fi نظیر به نظیر و بلوتوث برای اتصال استفاده می‌کند. اما در macOS و tvOS، این فریم ورک از Wi-Fi، Peer-to-Peer Wi-Fi و Ethernet استفاده می کند. بنابراین بسته به نوع رابطه، رویکرد شرکت توسعه اپلیکیشن موبایل ممکن است تغییر کند.

کار با MC Framework

اولین گام در پیاده سازی این فریم ورک این است که همان را با استفاده از تابع import وارد کنید. شما با این شروع خواهید کرد؛

وارد كردن اتصال چندگانه

این ویژگی به توسعه دهنده اجازه می دهد تا با کلاس های Multipeer Connectivity کار کند و از توابع آن در فایل استفاده کند.

برای اینکه یک برنامه کاربردی با فریم ورک MC کار کند، باید با معماری خاصی از جمله:

شناسه های شریک:

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

از آنجا که این شناسه به طور منحصربه‌فرد یک همتای جلسه را شناسایی می‌کند، کاربران همچنین می‌توانند یک displayName را به شناسه اختصاص دهند که برای سایر همتایان در شبکه قابل مشاهده باشد.

این به توسعه دهندگان اجازه می دهد تا هر بار که یک جلسه ایجاد می کنند، یک نام PeerID جدید تعیین کنند. یا می توانند از یک نام برای هر جلسه استفاده کنند و شناسه را در زمان ایجاد آن ذخیره کنند. آنها همچنین باید بار بعدی که یک جلسه ایجاد می شود، نام شناسه را باز کنند.

اشیاء جلسه:

MCSession ارتباط بین دستگاه های همتا متصل را امکان پذیر می کند. پس از اینکه شرکا درخواست اتصال را پس از دریافت دعوت نامه پذیرفتند، برنامه یک اتصال ایجاد می کند و شرکای اضافه می کند. هدف از اشیاء جلسه حفظ مجموعه ای از اشیاء شناسایی دستگاه همتا مرتبط با همتایان متصل به شبکه است.

MCSession با یک کلاس مدیر نشان داده می شود که تمام اتصالات چندپایه را مدیریت و مدیریت می کند. در یک جلسه، همتایان می توانند با یکی از روش های زیر ارتباط برقرار کرده و داده ها را ارسال کنند.

• ارسال (_:toPeers:with:)
• جلسه (_:didReceive:fromPeer:)
• sendResource(در:withName:toPeer:withCompletionHandler:)

علاوه بر این، ما همچنین می توانیم شرکا را به صورت دستی مدیریت کنیم که شامل برقراری ارتباط و تبادل داده می شود.

MCSession همچنین دارای یک نماینده (MCSessionDelegate) است که تمام رویدادهای مربوط به جلسه را مدیریت می کند.

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

MCSessionDelegate پروتکلی است که روش استفاده شده توسط نماینده جلسه اصلی را تعریف می کند. این جلسه نماینده، اجرای رویدادهای مربوط به جلسه را مدیریت می کند. یک متد delegate اقداماتی مانند یک حلقه یا صف عملیاتی را که برای تکمیل یک جلسه مورد نیاز است انجام می دهد.

اشیاء تبلیغ کننده:

MCNearbyServiceAdvertiser به یک دستگاه همتای نزدیک اجازه می دهد که برنامه سعی می کند یک نوع خاص اتصال برقرار کند. این شی از یک همتا یا موجودیت محلی برای ارائه اطلاعات لازم برای شناسایی دستگاه استفاده می کند. علاوه بر این، شی Advertiser همچنین به تشخیص سایر دستگاه های نزدیک کمک می کند.

اشیاء دستیار تبلیغ کننده:

MCAdvertiserAssistant مشابه Advertiser Objects کار می کند، اما ویژگی دیگری را به ترکیب اضافه می کند. همچنین یک رابط کاربری استاندارد فراهم می کند که از آنجا کاربر می تواند دعوت نامه اتصال را بپذیرد.

علاوه بر رابط، the دستیار تبلیغ همچنین وظیفه سازماندهی جلسه و اطلاع رسانی به دیگران از شروع آن را دارد. از آنجایی که ما از این کلاس ویژگی برای تخصیص UI استفاده می کنیم، می توانیم از طریق این کلاس یک جلسه را میزبانی کنیم یا به آن بپیوندیم.

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

اشیاء مرورگر:

MCNearbyServiceBrowser به برنامه اجازه می دهد تا دستگاه های اطراف را با برنامه هایی که از جلسات پشتیبانی می کنند جستجو کند. با این حال، جلسات پشتیبانی شده از نوع خاصی هستند.

اشیاء کنترل کننده نمای مرورگر:

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

با این کد اسکریپت می توانیم به همتایان اجازه دهیم به یک جلسه بپیوندند. اعلان این عملکرد در iOS، iPad، tvOS و macOS متفاوت است. در سه نوع اول سیستم می توانیم استفاده کنیم.

علاوه بر این، ما برای macOS استفاده خواهیم کرد؛

هنگامی که کاربر به دنبال جلسه ای برای پیوستن است، باید از MCSessionViewController برای نمایش نام جلسات و افراد نزدیک استفاده کنیم. در نتیجه، می‌توانیم به کاربران جدید اجازه دهیم به جلسه بپیوندند. برای این منظور باید از متد delegate برای MCBrowserVewController استفاده کنیم.

با کار بر روی این معماری، چارچوب MC در دو فاز کار می کند. این مرحله کشف و جلسه است. در مرحله کشف، توسعه دهنده از MCNearbyServiceBrowser و MCBrowserViewController استفاده خواهد کرد. در مرحله جلسه، توسعه‌دهنده از MCNearbyServiceAdvertiser و MCAdvertiserAssistant استفاده خواهد کرد.

در حین استفاده از چارچوب MC، توسعه دهندگان پیاده سازی کل ساختار را آسان تر خواهند کرد، اگرچه ممکن است کمی پیچیده به نظر برسد. ما به شما در درک اجرای این چارچوب کمک خواهیم کرد.

ارسال و دریافت داده ها در یک جلسه همتا به همتا

اگرچه ما یاد گرفتیم که چگونه یک اتصال برقرار کنیم، یک نام منحصر به فرد اختصاص دهیم و به کاربران اجازه دهیم یک جلسه را در یک برنامه توسعه یافته توسط فریمورک سوئیفت مشاهده کنند و به آن بپیوندند. حال بیایید نحوه ارسال و دریافت داده ها را در جلسه بررسی کنیم.

ابتدا باید داده‌هایی را که باید در جلسه و زمان ارسال شوند شناسایی کنیم. اگرچه کاربران می توانند همین کار را با کلیک یک دکمه انجام دهند، در اینجا اسکریپت کد برای اجرا آمده است.

برای ارسال داده، باید به نوع Data() فرمت شود. به عنوان مثال، اگر می خواهید تصاویری را ارسال کنید، یک راه خوب برای نشان دادن همان روش، متد ()pngData است.

در همان زمان، ما باید یک کد اسکریپت برای دریافت داده از جلسه پیاده سازی کنیم. بیشتر اوقات، دستگاهی که کاربر از طریق آن داده ها را دریافت می کند، می داند که با آن چه کاری انجام دهد.

با این حال، در چارچوب MC، نحوه برخورد با داده های دریافتی به نوع داده بستگی دارد. می‌توانیم از روش زیر برای تصمیم‌گیری درباره اینکه چه اتفاقی برای داده‌های دریافتی روی یک دستگاه می‌افتد استفاده کنیم.

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

نتیجه

چارچوب MC یک روش ارتباطی برای اتصال دستگاه های مختلف iOS و انتقال داده ها بین آنها است. این فریم ورک لایه ای را فراهم می کند که در بالای پروتکل Bonjour کار می کند.

با این حال، برای اینکه این کار روی پروتکل Bonjour کار کند، باید خدمات را با کلید NSBonjourServices اعلام کنیم.

اپل این فریم ورک را معرفی کرد تا به یک برنامه کمک کند تا آنچه را که در اطراف آن است کشف کند و اتصالات را از هر دو طرف باز کند. یادگیری این فریم ورک برای یک شرکت سازنده اپلیکیشن iOS ضروری است. شرکت توسعه اپلیکیشن های سیستم عامل زیرا در ایجاد برنامه های بهتر مفید خواهد بود.

The post A Simple Tutorial on Swift Multiplexing Framework اولین بار در DEV IT Journal ظاهر شد.

Wear OS 3.0 آخرین به روز رسانی سیستم عامل ساعت هوشمند گوگل تا به امروز است. در می 2021 در کنفرانس توسعه دهندگان I/O گوگل اعلام شد و در آگوست همان سال منتشر شد.

همزمان با افزودن قابلیت‌های جدید به ساعت‌های هوشمند اندرویدی موجود، Wear OS 3.0 نیز به‌طور شگفت‌انگیزی به Galaxy Watch 4 سامسونگ اضافه شد، که سوئیچ سیستم‌عامل ساعت هوشمند خود سامسونگ بود.

در مقابل، ساعت‌های هوشمند Fossil که از اولین روزهای خود به عنوان Android Wear از سیستم عامل Wear OS استفاده می‌کردند، در نیمه دوم سال 2022 به‌روزرسانی سیستم‌عامل را دریافت می‌کردند. در مورد ساعت‌های هوشمند غیر از Fossil، Samsung و Fitbit، گوگل هنوز این نسخه را فاش نکرده است. تاریخ برای به روز رسانی

Wear OS 3.0 از برنامه های شخص ثالث پشتیبانی عالی دارد و دارای ویژگی های ارتباطی متنوعی از جمله NFC، بلوتوث و Wi-Fi است.

در اینجا چند تصویر از طراحی جدید Wear OS آورده شده است:

مشخصه

ویژگی‌های Wear OS 3.0 امکان ادغام بیشتر با سرویس‌های Google و همچنین برنامه‌های شخص ثالث را فراهم می‌کنند. مال شما شرکت توسعه اپلیکیشن موبایل می‌تواند برنامه‌هایی را که ساعت هوشمند اندرویدی به طور کامل از آن‌ها پشتیبانی می‌کند، مستقر کند.

به غیر از برنامه‌ها، گوگل کاشی‌های برنامه‌های خود را برای برنامه‌های محبوب نیز به‌روزرسانی کرده است و حس تازه‌ای را به سیستم عامل جدید می‌دهد. همانند نسخه‌های قبلی، Wear OS 3.0 می‌تواند اعلان‌ها را از یک تلفن هوشمند جفت شده همگام‌سازی کند.

برنامه‌های Wear OS 3.0

برخی از برنامه های جدید wear OS 3.0 عبارتند از:

• یوتیوب
• نقشه های گوگل
• Spotify
• آدیداس رانینگ

رابط ارتقا یافته

ارتقاء رابط کمک می کند تا چندین عمل بسیار آسان تر از قبل شود. این امر توسط دستیار به روز شده Google بهبود یافته است، که کنترل پوشیدنی خود را فقط با صدای خود آسان می کند.

یک برنامه شخص ثالث برای پشتیبانی از Wear OS

Google پشتیبانی از چندین برنامه شخص ثالث را به Wear OS 3.0 اضافه کرد. APIهایی نیز ایجاد شده اند تا به توسعه دهندگان کمک کنند تا توسعه اپلیکیشن اندروید خود را با مراحل کمتری نسبت به قبل تکمیل کنند.

برنامه ها را تغییر دهید

یکی دیگر از ویژگی‌های جدید و بهبود یافته در Wear OS 3.0 تغییر برنامه‌ها با دو بار ضربه زدن روی یکی از دکمه‌های ساعت است.

وقتی برنامه تغییر می‌کند، در حالی که هنوز باز است، از منابع کمتری در پس‌زمینه استفاده می‌کند و جابه‌جایی بین برنامه‌ها را بسیار آسان می‌کند. همچنین، راه‌انداز برنامه جدید، برنامه‌هایی که اخیراً باز شده‌اند را در بالا نشان می‌دهد.

سیستم عامل بپوشید تمدید شد دیالوگ ها

Wear OS 3.0 همچنین هشدارهای تمام صفحه را اضافه کرد که می توانند به عنوان مقصد ناوبری یا گفتگوهای سنتی تمام صفحه استفاده شوند.

ایجاد یک برنامه Wear OS 3.0

هنگامی که ما برنامه های تلفن همراه را توسعه می دهیم، معمولاً فقط روی تبلت ها و تلفن های هوشمند تمرکز می کنیم. با این حال، Wear OS 3.0 قابلیت‌های جدیدی را به ارمغان می‌آورد که همچنین باید توسعه‌دهندگان را ترغیب کند تا شروع به ساخت اپلیکیشن برای پوشیدنی‌های اندرویدی کنند. در اینجا نحوه انجام آن آمده است:

یک پروژه Wear OS را شروع کنید

• روی File > New > New Project کلیک کنید.
• در پنجره Template، روی تب Wear OS کلیک کنید، Blank Activity را انتخاب کنید و روی Next کلیک کنید.
• در پنجره New Project نامی به پروژه خود بدهید و روی Done کلیک کنید.

این تگ را اضافه کنید در فایل مانیفست اندروید و آن را تعریف کنید android:name=”android.hardware.type.watch” همانطور که در مثال نشان داده شده است

…

…

چگونه یک ماژول Wear OS را به پروژه خود اضافه کنید

• روی File > New > New Module کلیک کنید.
• در New Module، Wear OS Module را انتخاب کرده و روی Next کلیک کنید.
• در قسمت پیکربندی ماژول جدید، وارد شوید
• همان نام بسته ماژول تلفن خود را وارد کنید.
• پس از کلیک بر روی Next. چندین گزینه الگوی کد را مشاهده خواهید کرد. روی Empty Wear OS Activity کلیک کنید و Next را بزنید.

بنابراین ساختار به این شکل خواهد بود

• ماژول تلفن همراه که برنامه تلفن در آن کد می‌گیرد.
• ماژول لباس جدید که کد برنامه Wear در آن قرار دارد.

لینک های خارجی: https://wearos.google.com/#uniquely-you

نکته پایانی

امیدواریم از یکی دیگر از وبلاگ های ما لذت برده باشید آن را توسعه دهید مهندسان اگر می خواهید در مورد موضوع دیگری در دنیای توسعه نرم افزار بیاموزید، لطفاً در زیر نظر دهید و ما نیز در مورد آن می نویسیم.

The post مقدمه ای بر Wear OS 3.0 و فرآیند توسعه اپلیکیشن آن اولین بار در DEV IT Journal ظاهر شد.

ساخت برنامه های Ionic به لطف سازگاری بین پلتفرمی که جعبه ابزار ارائه می دهد، عموما راحت تر است. امروز مال ما آن را توسعه دهید مهندسان فرآیند استفاده از ionic برای ساخت برنامه های React را از طریق ویرایشگر متن غنی توضیح خواهند داد.

بیایید ابتدا در مورد ویرایشگر متن غنی بحث کنیم

یک ویرایشگر متن غنی ویرایشگری است که از گزینه های قالب بندی مانند فونت، رنگ، اندازه، تراز متن، تورفتگی و غیره پشتیبانی می کند. ویرایشگر متن غنی به راحتی متن شما را بدون هیچ گونه مداخله ای به زبان نشانه گذاری فرامتن (HTML) تبدیل می کند.

به همین دلیل، ویرایشگرهای متن غنی معمولاً به عنوان ویرایشگرهای WYSIWYG (آنچه می بینید همان چیزی است که دریافت می کنید) شناخته می شوند و ابزار انتخابی برای اکثر افراد هستند. شرکت های توسعه اپلیکیشن موبایل بیرون وجود دارد.

برای مثال امروز ما استفاده خواهیم کرد ویرایشگر متن غنی Quill. قبل از اینکه مستقیماً وارد آن شویم، بیایید درباره ویرایشگر متن غنی Quill بیشتر بدانیم.

ویرایشگر متن غنی Quill

Quill یک ویرایشگر WYSIWYG رایگان، منبع باز و قابل تنظیم است. این برای وب مدرن ساخته شده است و توسط API ویرایشگر متن غنی طراحی شده است. Quill همچنین از برنامه های کاربردی cross-platform پشتیبانی می کند و آن را به ابزاری مهم برای توسعه دهندگان تبدیل می کند. پیاده سازی ویرایشگر متن غنی در یک برنامه Ionic بسیار آسان است.

برای امروز ما از npm برای استقرار قلم در برنامه Ionic استفاده خواهیم کرد.

مراحل ذکر شده در زیر را دنبال کنید:

مرحله ی 1: دستورات زیر را در پروژه یونی خود اجرا کنید

گام 2: سبک تم bubble.css یا snow.css را به آن اضافه کنید quill.js به global.css

مرحله 3: برای فعال کردن انتخاب متن کد زیر را اضافه کنید global.scss. Ionic به طور پیش فرض انتخاب کاربر را در همه جا غیرفعال می کند.

مرحله 4: واردات QuillModule به app.module.ts

سپس اضافه کنید QuillModule به واردات از NgModule

مرحله 5: واردات QuillModule به طور خاص برای صفحه module.ts

سپس اضافه کنید QuillModule به واردات از NgModule

سپس فقط اضافه کنید به page.html شما و کار شما تمام است. شما می توانید ویرایشگر متن غنی خوب را در برنامه خود مشاهده کنید.

گزینه های پیکربندی Quill Rich Text Editor:

تنظیمات لازم را در QuillModule مطابق شکل زیر تنظیم کنید:

تنظیمات مفید:

• ngModel: یک مقدار و اتصال داده دو طرفه را برای یک فرم مبتنی بر الگو تنظیم کنید
• formControl/formControlName: مقدار و اتصال داده دو طرفه را برای فرم واکنشی تنظیم کنید
• فقط خواندنی: ویژگی Read Only را روی true یا false قرار دهید
• سبک ها: یک شیء سبک تنظیم کنید
• جایگزین: ظرف را روی ظرف تنظیم کنید
• اجباری: درست یا نادرست را برای فیلد مورد نیاز تنظیم کنید. مقدار پیش فرض غلط است
• حداکثر طول: حداکثر طول را تنظیم کنید
• دقیقه طول: حداقل طول را تنظیم کنید
• ضد عفونی کردن: برای پاکسازی HTML، مقدار true یا false را روی Angular DomSanitizer قرار دهید
• ماژول ها: برای پیکربندی/غیرفعال کردن ماژول های quill.
• قالب: این قالب 4 گزینه “HTML”، “object”، “JSON” و “text” را ارائه می دهد. ویرایشگر “HTML” را به عنوان فرمت پیش فرض تنظیم کرد.

گزینه های قالب بندی انواع بازگشت:

– html = رشته html

– شی = شیء کار قلم

– json = عملیات کویل json

– متن = متن ساده

ویرایشگر تمام تنظیمات را به صورت پیش فرض تنظیم می کند.

در اینجا ماژول ها و نتایج مورد نظر را همانطور که در زیر نشان داده شده است اضافه کرده ام:

پیکربندی مثال – 1:

پیکربندی مثال – 2:

پیکربندی مثال – 3:

پیکربندی مثال – 4:

پیکربندی مثال – 5:

پیکربندی فوق عملکرد زیر را ارائه می دهد:

• فوق العاده / زیرنویس
• تورفتگی / تورفتگی
• جهت متن

• منوی کشویی سفارشی سازی اندازه فونت و هدر
• تمام ویرایش ها را پاک کنید

Quill Rich Text Editor رویدادهای نشان داده شده در زیر را ارائه می دهد:

• onContentChanged: زمانی که متن به روز می شود، تماس گرفته می شود
• onSelectionChanged: هنگامی که انتخاب به روز می شود، فراخوانی می شود
• onEditorChanged: هنگامی که متن یا انتخاب تغییر می کند، فراخوانی می شود
• onFocus: زمانی فراخوانی می شود که ویرایشگر فوکوس داشته باشد
• onBlur: زمانی که ویرایشگر تار می شود، فراخوانی می شود

بنابراین، با استفاده از مراحل، پیکربندی و روش های زیر، می توانید به راحتی Quill Rich Text Editor را در برنامه های Ionic خود پیاده سازی کنید.

نتیجه

امیدواریم اطلاعات ذکر شده در این وبلاگ برای شما مفید بوده و به راحتی قابل پیگیری باشد. اگر بله، لطفا آن را با همکاران خود که ممکن است از آن بهره مند شوند به اشتراک بگذارید.

اگر سؤالی در مورد برنامه‌های ionic دارید، می‌توانید آن‌ها را در زیر نظر دهید و ما در اسرع وقت با شما تماس خواهیم گرفت. علاوه بر این، اینجا مستندات ابزارهای مورد استفاده امروز است و کلیک کنید اینجا برای پشتیبانی مربوط به npm

 

پست چگونه با استفاده از یک ویرایشگر متن غنی برنامه های یونی توسعه دهیم؟ اولین بار در DEV IT Journal ظاهر شد.

ایجاد یک دروازه API در یک گره بدون سرور می تواند به سازمان شما کمک کند تا هزینه های محاسباتی را کاهش دهد. امروزه چندین گزینه بدون سرور در دسترس توسعه دهندگان است، از جمله خدمات ابری مدیریت شده مانند Firebase، Google Cloud و AWS.

این ارائه دهندگان ابری، برنامه های بدون سرور را قادر می سازند تا با خدمات و چارچوب های محاسباتی نسل بعدی ساخته شوند.

امروز، مهندسان DEV IT ما به شما نشان می‌دهند که چگونه می‌توان از AWS Lambda، API Gateway و چارچوب بدون سرور برای ساخت REST API استفاده کرد.

AWS Lambda سومین سرویس محاسبات ابری از آمازون است و با هر دو EC2 (Elastic Compute Cloud) و ECS (Elastic Container Service) متفاوت است زیرا زمانی که یک رویداد ماشه ای رخ می دهد، کد را اجرا می کند.

AWS Lambda در حال حاضر دارای پشتیبانی توسعه برای جاوا، پایتون و Node.js با زبان های برنامه نویسی بیشتری است که در آینده اضافه خواهند شد.

فریم ورک بدون سرور چیست؟

قبل از پرداختن به این فرآیند، مهم است که بدانید چارچوب بدون سرور چیست و چگونه کار می کند.

بدون سرور به عنوان یک چارچوب چند فروشنده وجود دارد که به شما امکان می دهد برنامه های سرور را با استفاده از دیگران بسازید ارائه دهندگان خدمات ابری اگر بخواهید از AWS. در مورد AWS Lambda، از CloudFormation استفاده می کند. این به او اجازه می دهد تا ساختار پروژه را بسازد و عملکردهای آن را به روشی روان اجرا کند.

چرا از سرور بدون سرور استفاده کنیم؟

اگر شما یا کارفرمایتان هنوز متقاعد نشده اید که از یک برنامه بدون سرور مبتنی بر ابر به جای برنامه میزبانی شده روی سرور استفاده کنید، در اینجا چند دلیل برای تغییر نظر وجود دارد:

• هزینه های از دست رفته و نگهداری
• آسان به مقیاس

برنامه های بدون سرور مشابه مدل پرداخت به ازای کلیک مورد استفاده در تبلیغات آنلاین هستند.

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

شروع کار با چارچوب بدون سرور

1. برای نصب Serverless روی دستگاه خود، دستور npm زیر را اجرا کنید.

$ npm نصب بدون سرور -g

2. کد ذکر شده در زیر را در فایل index.ts خود اضافه کنید

3. نام دایرکتوری را از public به tmp تغییر دهید.

4. در تمامی فایل های موجود کلمه public را با tmp جایگزین کنید.

API Gateway چیست؟

Amazon API Gateway یک سرویس کاملاً مدیریت شده است که به توسعه دهندگان این امکان را می دهد تا APIهایی را در مقیاس ایجاد، انتشار، نگهداری، نظارت و ایمن کنند.

با API Gateway یک URL API ایجاد کنید

1. به کنسول API Gateway بروید و روی Build in HTTP API کلیک کنید.

2. نام را وارد کنید و روی Browse and Create کلیک کنید

3. دکمه ایجاد را فشار دهید و خواهید دید که فراخوانی شده است

4. با کلیک کردن روی URL تماس، بررسی کنید که آیا API شما در دسترس است

S3 چیست؟

سطل ها ظروفی هستند که آمازون S3 اطلاعات و اشیاء را در آن ذخیره می کند. شما می توانید چندین شی را از برنامه خود در اینجا ذخیره کنید.

یک فایل .zip را در S3 آپلود کنید

1. یک سطل در s3 ایجاد کنید.

2. یک شی بسازید و یک فایل فشرده با کد گره خود آپلود کنید.

3. URL شی را بررسی کنید.

پیکربندی لامبدا بدون سرور

1. یک تابع در لامبدا ایجاد کنید.

2. یک ماشه در تابع لامبدا اضافه کنید. API Gateway را در پیکربندی تریگر انتخاب کنید. شناسه API را در فیلد اضافه کنید.

3. هنگام آپلود از دکمه مکان S3 را اضافه کنید.

4. URL S3 را در پنجره بازشو اضافه کنید.

نکته پایانی

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

اگر در مورد این فرآیند سؤالی دارید یا علاقه مند به یادگیری در مورد موضوع دیگری هستید، در زیر نظر دهید و ما مستقیماً به آن پاسخ خواهیم داد.

پست نحوه میزبانی برنامه های بدون سرور برای صرفه جویی در هزینه ها در توسعه Node.js اولین بار در DEV IT Journal ظاهر شد.

Firebase یک ارائه‌دهنده مهم رایانش ابری است، به‌ویژه وقتی صحبت از میزبانی کارآمد برنامه ابری تلفن همراه مبتنی بر flutter به صورت آنلاین باشد. برخلاف AWS، قیمت‌های مقرون‌به‌صرفه‌تری دارد و در عین حال از خدمات پشتیبان مختلف مانند ذخیره‌سازی ابری، تجزیه و تحلیل، پایگاه داده بلادرنگ و غیره پشتیبانی می‌کند.

امروز مهندسان DEV IT ما اصول اولیه استفاده از Firebase برای برنامه flutter شما را در چند مرحله ساده پوشش خواهند داد.

از Firebase در flutter 3.0 استفاده کنید

• پشتیبانی Firebase:

Firebase یکی از پیشرفته ترین ارائه دهندگان BAAS (Backend-As-A-Service) است. چندین سرویس پشتیبان را ارائه می دهد که استقرار برنامه و توسعه برنامه flutter را به یک فرآیند روان تبدیل می کند.

Firebase خدمات باطنی روشنگری مانند

• فضای ذخیره ابری
• پایگاه داده بلادرنگ
• یادگیری ماشینی (ML)

ادغام هسته Firebase با این پلتفرم قوی تر و قدرتمندتر می شود

• خدمات وب آمازون (AWS)
• مایکروسافت آژور
• گوگل ابرها
• نیروهای فروش
• IBM Cloud
• Oracle Cloud

Firebase هسته ای از اسناد و مخزن Firebase را برای ادغام در برنامه flutter فراهم می کند. علاوه بر این، افزونه های بتا را برای جامعه توسعه دهندگان نیز فراهم می کند.

• https://firebase.flutter.dev/
• https://firebase.google.com/codelabs/firebase-get-to-know-flutter#0

علاوه بر این، گوگل در حال توسعه پلاگین های فلیکر جدید است که استفاده از سرویس های firebase را آسان تر می کند.

• Firebase Crashlytics:

Firebase اخیراً افزونه Flutter Crashlytics را در Flutter 3.0 به روز کرده است. این باعث شد که افزونه نسبت به نسخه قبلی قدرتمندتر شود تا خرابی برنامه را حذف کند و به توسعه دهندگان کمک کند تا برنامه بدون خرابی را ایجاد کنند.

Firebase Crashlytics چندین به روز رسانی جدید دارد که توسعه دهندگان می توانند خطاها و خرابی ها را در زمان واقعی بررسی کنند.

Firebase مدیریت و بررسی خرابی ها را در اختیار مدیر قرار می دهد.

https://firebase.google.com/docs/crashlytics

قابلیت های کلیدی

• گزارش‌های خرابی انتخاب شده
• راهکارهایی برای فاجعه رایج
• با Analytics یکپارچه شده است
• هشدارهای زمان واقعی

چگونه Firebase Crashlytics را در برنامه Flutter خود پیاده سازی کنید

برای پیاده‌سازی Firebase Crashlytics در برنامه flutter خود، می‌توانید یک وابستگی به pub – firebase_crashlytics: ^نسخه مانند شکل زیر اضافه کنید:

— > پلاگین های Flutter Firebase

تغییر کوتاه: اندروید بومی را به نسخه minSdk مانند 19 به روز کنید زیرا Firebase Android SDK 29.0.0 به این نیاز دارد.

نکته پایانی

استفاده از Firebase می تواند به شما کمک کند تا خودتان را بسازید شرکت توسعه اپلیکیشن موبایل پروژه های بیشتری را با کمترین خرابی و خطا مستقر کنید. فرآیند ساده بالا شما را در کمترین زمان شروع می کند.

با این حال، اگر شما هر گونه سوال و یا ابهامی دارید، لطفا در زیر نظر دهید و ما با شما تماس خواهیم گرفت.

پست چگونه از Firebase در برنامه های Flutter خود استفاده کنیم؟ اولین بار در DEV IT Journal ظاهر شد.

ایجاد یک برنامه کاربردی در حین پردازش می تواند کار دشواری باشد. با این حال، می توانید خط لوله خود را با استفاده از برنامه های کوچکتر برای طراحی عملکردهای فردی و سپس ادغام آنها به سطح جدیدی ببرید. این میکروسرویس‌ها الگوهای معماری هستند که به برنامه‌ها اجازه می‌دهند از مجموعه‌هایی از چندین واحد کوچکتر ساخته شوند.

در این وبلاگ، مال ماست DEWIT مهندسان میکروسرویس‌ها را بررسی می‌کنند و نحوه پیاده‌سازی آن‌ها را در برنامه‌ها و وب‌سایت‌های React و Node.js نشان می‌دهند.

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

مزیت کلیدی میکروسرویس ها

• به راحتی مقیاس پذیر است
• استقرار موثر
• آسان برای پیاده سازی تکنولوژی
• منحنی یادگیری کم

معایب:

• ارتباطات بین فرآیندی
• معاملات توزیع شده
• نیاز به منابع بالاتر
• مشکلات در حین رفع اشکال

میکروسرویس با React

مقدمه ای بر Microfronts

Micro-Frontends برنامه های کوچکی هستند که برای ایجاد یک برنامه بزرگتر به یکدیگر متصل می شوند. آنها معمولاً بر اساس زیر دامنه یا تابعی که هدف اصلی آنها در برنامه است تقسیم بندی می شوند.

وقتی با یک پروژه ساده سر و کار دارید که ممکن است به حداکثر سه صفحه کد نیاز داشته باشد، نیازی نیست نگران میکروسرویس باشید.

با این حال، در مواردی که پروژه شما بزرگ است و باید توسط چندین تیم توسعه ساخته شود، micro-frontends می تواند تا حد زیادی برای شما مفید باشد. برای نمونه تصویر زیر را ببینید.

شش برنامه باید در این سناریو با هم کار کنند تا برنامه اصلی ایجاد شود. به این ترتیب، می توانید ببینید که در گذرگاه رویداد داده شده، اشیاء و روش های پنجره برای ارتباط بین برنامه ها استفاده می شود.

بنابراین، هر اپلیکیشنی را می توان در هر فریم ورکی ساخت و با باطن آن ارتباط برقرار کرد.

آنها همچنان قادر به برقراری ارتباط خواهند بود و برنامه اصلی می تواند آنها را بر اساس تعاملات کاربر نصب و جدا کند.

در این سناریو، همه برنامه‌های کوچک‌تر را می‌توان به‌عنوان ریز اینترفیس در نظر گرفت. بیایید به برخی از مزایای آنها نگاه کنیم.

مزایای Mirco-Frontends

1. همه برنامه ها مستقل هستند

2. درک برنامه ها آسان تر است

3. توسعه و استقرار کارآمدتر است

4. تست و اشکال زدایی آسان تر می شود

5. عناصر اصلی ریزفرون ها:

• هر رابط نشان دهنده یک تابع یا زیر دامنه خاص از کل برنامه است
• آنها نمی توانند منطق را به اشتراک بگذارند و مستقل از یکدیگر هستند.

بهترین راه برای تقسیم برنامه ها چیست:

ایجاد میکرو فرانت‌اند مستلزم تقسیم برنامه‌های کاربردی بزرگ به فرانت‌اندهای کوچک‌تر و مستقل است.

اگرچه هیچ معیار از پیش تعیین شده ای برای این کار وجود ندارد، روش هایی که ما بیشترین موفقیت را با آنها پیدا کرده ایم عبارتند از:

مثال React Micro UI:

هر پیوند ناوبری دارای یک رابط میکرو متفاوت است.

مثال-1

همانطور که در مثال بالا مشاهده شد، اکنون یک برنامه با نوار پیمایش از مؤلفه والد و پیام «Hello World!» ما از مؤلفه فرزند داریم!

مثال-2

می بینید که URL تغییر کرده است، اما پیام “Hello World!” ما ثابت مانده است. ما باید چند تغییر در نحوه مدیریت مسیریابی نرم افزارمان ایجاد کنیم.

پس از یک به روز رسانی کوتاه از لوکال هاست: 8080دو پیوند باید ظاهر شوند و کلیک بر روی آنها باید همانطور که انتظار می رود کار کند.

بیایید خلاصه کنیم

Micro-Frontends قسمت جلویی هستند استقرار میکروسرویس ها. از آنجایی که اکثر وب‌سایت‌های مدرن اکثر کدهای خود را در سمت کلاینت دارند، استفاده از micro-frontends یک تغییر بازی برای بهبود کارایی فرآیند توسعه است.

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

میکروسرویس با NodeJS

NodeJS یک چارچوب متن باز است که امکان استفاده از جاوا اسکریپت را در آن فراهم می کند برنامه تحت وب سمت سرور.

بیایید مفهوم میکروسرویس با NodeJS را با مثال زیر درک کنیم:

1. یک پوشه، “Microservice demo”، حاوی دو پوشه – کاربر و سفارش ایجاد کنید.

2. در پوشه کاربر، Node را با استفاده از دستور نصب کنید: npm نصب درخواست اکسپرس – ذخیره

در اینجا محیط NodeJS با اکسپرس و درخواست راه اندازی می شود.

3. سپس index.js را ایجاد کنید و کد زیر را در آن بنویسید:

4. با نود فرمان index.js اجرا کنید یا F5 را فشار دهید.

5. مراحل 1 و 2 را در پوشه سفارشات تکرار کنید.

6. سپس index.js را ایجاد کرده و کد زیر را در آن بنویسید:

این بر پورت 1000 تأثیر می گذارد که عمدتاً توسط «کاربر» استفاده می شود.

نتیجه

در نتیجه، ایجاد و مدیریت برنامه های کاربردی بزرگ با تقسیم آنها به برنامه های کوچکتر و مستقل که می توانند به صورت جداگانه توسعه یابند و بعداً یکپارچه شوند، در دسترس تر می شود.

یک برنامه اصلی بزرگتر از مجموع قطعات آن است زیرا می تواند میکروسرویس مناسب را برای اجرا در زمان مناسب بر اساس تعاملات کاربر انجام دهد.

اگر سوالی در مورد این آموزش دارید، لطفاً در زیر نظر دهید تا در اسرع وقت با شما تماس خواهیم گرفت.

پست نحوه ساخت معماری میکروسرویس با React و Node.js اولین بار در DEV IT Journal پدیدار شد.

در وبلاگ امروز، مهندسان DEV IT ما اصول اولیه استفاده از Jetpack Compose را در طول فرآیند توسعه برنامه Android شما پوشش خواهند داد. این به شما کمک می کند در طول توسعه بهره وری بیشتری داشته باشید و پروژه ها را سریعتر از حد انتظار تکمیل کنید.

Jetpack Compose در اندروید

Jetpack compose یک ابزار عالی برای ساخت رابط کاربری برای اندروید است. علاوه بر سرعت بخشیدن به توسعه UI، همچنین به توسعه دهندگان این امکان را می دهد تا برنامه ای با حداقل کدنویسی ایجاد کنند، بنابراین به لطف API کاتلین و همچنین ابزارهای قدرتمند، روند کار را برای همه افراد درگیر در پروژه ساده می کند.

مزایای استفاده از Jetpack Compose چیست؟

قبل از اینکه نحوه استفاده از آن را بررسی کنیم، اجازه دهید به چند مزیتی که هنگام استفاده از Jetpack Compose در پروژه خود به دست می‌آورید نگاهی بیندازیم:

• اعلامی: کاملاً بیانی است، بنابراین می توانید اجزای رابط کاربری خود را با فراخوانی برخی از توابع از پیش تعریف شده توصیف کنید.
• سازگار: به راحتی با نماهای موجود اندروید سازگار است.
• سرعت توسعه را افزایش دهید: توسعه دهندگان قبلی مجبور بودند روی فایل های XML و فایل های Kotlin کار کنند. اما با کمک Jetpack Compose، این روند آسان می شود و توسعه دهندگان فقط باید روی فایل های Kotlin کار کنند. بنابراین، به توسعه دهندگان کمک می کند تا کار خود را سرعت بخشند.
• کوتلین کوتاه و اصطلاحی: رابط کاربری Jetpack Compose ساخته شده با مزایای Kotlin.
• ساده در نگهداری: از آنجایی که پایه کد هر برنامه در یک فایل وجود دارد. مدیریت و مدیریت پایگاه کد برنامه آسان تر می شود.
• نوشته شده در کاتلین: برنامه ای که با استفاده از Jetpack Compose، 100% با استفاده از زبان برنامه نویسی Kotlin نوشته شده است

راه اندازی و اجرا با Jetpack Compose

اکنون که می‌دانید Jetpack Compose چیست و چگونه کار می‌کند، بیایید نگاهی به روند پیاده‌سازی آن در فرآیند توسعه برنامه‌تان بیندازیم.

مرحله ی 1: یک پروژه اندروید استودیو جدید ایجاد کنید.

گام 2: یک وابستگی به پروژه اضافه کنید

def composeVersion = “1.0.0-alpha06”

پیاده سازی “androidx.compose.ui:ui:$composeVersion”

پیاده سازی “androidx.compose.foundation:foundation:$composeVersion”

پیاده سازی “androidx.ui:ui-tooling:$composeVersion”

پیاده سازی “androidx.compose.material:material:$composeVersion”

علاوه بر این وابستگی ها، می توانید ببینید که پرچم ساخت در بلوک buildFeatures اندروید روی true تنظیم شده است.

از آنجایی که Jetpack یک روش برنامه‌نویسی برای ایجاد رابط کاربری برای Compose ارائه می‌کند، شما از XML استفاده نخواهید کرد. این بدان معنی است که شما از setContentView() در فعالیت ها یا قطعات خود استفاده نمی کنید، در عوض از setContent() برای تنظیم رابط کاربری خود استفاده می کنید.

برای انجام این کار، MainActivity.kt را باز کنید و فراخوانی موجود به setContentView() را با موارد زیر جایگزین کنید:

در حین انجام این کار مطمئن شوید که وابستگی ها را از بسته android x.compose وارد کرده اید. setContent() یک تابع پسوند Kotlin در Activity است که یک لامبدا@Composable را به عنوان پارامتر می گیرد.

Text() در واقع تابعی است که با حاشیه نویسی @Composable مشخص شده است. شما حدس زدید که Text() قابل ترکیب کردن، متن را روی صفحه می کشد. می توانید آن را به عنوان نسخه ترکیبی TextView در نظر بگیرید

بسازید و اجرا کنید و Text() را روی صفحه خواهید دید

می توانید متن خود را با استفاده از Text Style سفارشی کنید. این را با جایگزین کردن Text موجود امتحان کنید()

دوباره بسازید و اجرا کنید و حالا باید ببینید

ایجاد یک تابع قابل ترکیب

یکی از شگفت‌انگیزترین مزایای Jetpack Compose این است که به جای استفاده از یک فایل XML برای هر فعالیت، رابط کاربری خود را به روشی ماژولار با بسیاری از عملکردهای کوچک می‌سازید.

اکنون که با Text() آشنا شدید، می توانید اولین تابع @Composable خود را بسازید.

تابع زیر را در MainActivity اضافه کنید:

برای استفاده از آن، فراخوانی موجود به Text() در setContent() را با فراخوانی Greeting():

بسازید و دوباره اجرا کنید

پیش نمایش قابل ترکیب

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

Jetpack Compose با ابزار مشابهی همراه است.

Preview@ را در زیر Composable@ از Greeting () که قبلاً تعریف کردید اضافه کنید:

هنگامی که حاشیه نویسی را وارد کردید، پیش نمایشی از نمایش در حال کامپایل شدن را در پیش نمایش در سمت راست صفحه مشاهده خواهید کرد.

هر بار که composable را که رندر می‌کنید به‌روزرسانی می‌کنید، برای مشاهده نمای به‌روز شده، باید بیلد را به‌روزرسانی کنید. شما فقط می‌توانید کامپوزیتی‌هایی را ارائه کنید که هیچ آرگومانی ندارند.

اکنون که می توانید پیش نمایش اجزای خود را مشاهده کنید، وقت آن است که نحوه کار با طرح بندی ها را بیاموزید

استفاده از Column Composable

یک ستون را به صورت LinearLayout با جهت عمودی در نظر بگیرید. فقط تمام عناصر فرزند خود را در یک ستون عمودی قرار می دهد.

Greeting() را به روز کنید تا سه Text() را در Column() قرار دهید.

Column() یک بلوک لامبدا @Composable می گیرد که در آن فرزندان ستون را اعلام می کنید

در Greeting() سه متن را به عنوان فرزندان این ستون اضافه می کنید. این الگوی یک تابع ترکیب پذیر که یک لامبدا را برای ایجاد سایر توابع ترکیب پذیر می پذیرد در ترکیب بندی Jetpack رایج است.

گرفتن ورودی با استفاده از یک TextField

مشابه EditText، در Compose می توانیم از TextField و BaseTextField استفاده کنیم. BaseTextField هنوز آزمایشی است و ممکن است در هر زمان برای همیشه حذف یا اضافه شود. بنابراین برای استفاده از BaseTextField باید حاشیه نویسی @ExperimentalFoundationApi را اضافه کنید.

در زیر نمونه ای از BaseTextField ساده است

در تابع بالا یک BaseTextField در داخل یک سطح داریم. هنگامی که مقدار تغییر می کند، ما یک callback داریم. این فراخوانی زمانی فراخوانی می‌شود که در ورودی BaseTextField تغییری ایجاد شود و متن به‌روزرسانی‌شده به عنوان پارامتری از callback می‌آید.

نتیجه

اکنون که می‌دانید چگونه Jetpack Compose را پیاده‌سازی کنید، امیدواریم این برای شما مفید باشد شرکت توسعه اپلیکیشن موبایل در ارائه سریعتر پروژه ها نسبت به قبل اگر سوالی دارید یا با مشکلی در فرآیند بالا روبرو هستید، لطفاً در زیر نظر دهید و ما خوشحال خواهیم شد که به شما کمک کنیم.

 

پست چگونه برنامه اندروید خود را با Jetpack Compose سریعتر کنیم اولین بار در DEV IT Journal ظاهر شد.

Git همیشه به عنوان یکی از قوی ترین ابزارهای همکاری برنامه عمل کرده است. دارای ابزارهای مختلفی است که باعث افزایش بهره وری در هر مرحله می شود توسعه اپلیکیشن.

یکی از این ابزارها GitOps است که امکان ادغام ویژگی های جدید مختلف مانند استقرار خودکار، ممیزی، بازگشت بدون درز و عیب یابی کارآمد را فراهم می کند. بیایید نگاهی دقیق به GitOps بیندازیم و بیاموزیم که چگونه می تواند به افزایش کارایی در خط لوله CI/CD کمک کند.

CI/CD با GitOps

CI/CD مجموعه ای از مشکلات خاص خود را دارد که GitOps می تواند به حل آنها کمک کند. اینها هستند:

موضوع1.

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

• پاسخGitLab (SCM, CI) و Terraform
• نتیجهزمان تولید به طور چشمگیری بهبود یافته است. محیط ها را می توان در کمتر از یک ساعت ایجاد کرد. همه چیز را می توان با استفاده از کد انجام داد و پچ کردن هیچ خطری ندارد.

مشکل 2.

عدم وجود مجموعه کنترل در زنجیره ابزار CI.

• پاسخGitLab (SCM، CI، CD) و Terraform
• نتیجهپیاده‌سازی چیزی و در صورت وجود مشکل، آن را به عقب برگردانید. استرس و ترس ناشی از استقرار در تولید را از بین برد.

GitOps چیست؟

GitOps افزوده جدیدی به ابزارهای چندگانه Git است که ویژگی هایی مانند مدیریت کلاستر، یکپارچه سازی مداوم و تحویل برنامه را امکان پذیر می کند. این یکپارچه با Git کار می کند و می تواند تنها نقطه تماس شما برای فرآیند تحویل برنامه باشد.

علاوه بر این، بسیاری از ارائه دهندگان خدمات GitOps برای انتخاب وجود دارند، مانند GitHub، BitBucket و GitLab. بسیاری از این ارائه دهندگان در حال حاضر با GitLab سازگار هستند و سوئیچ شما یکپارچه خواهد بود.

چرا GitOps؟

دستیابی به اتوماسیون در فرآیند توسعه اپلیکیشن یک دستاورد باورنکردنی است که با ادغام کل خط لوله با DevOps ممکن شده است. با این حال، از آنجایی که از چندین زنجیره ابزار برای رسیدن به این هدف استفاده می کند، مدیریت این زنجیره های ابزار برای توسعه دهندگان به یک چالش تبدیل شده است.

راه حل از GitOps می آید که همان سطح اتوماسیون را از طریق یک زنجیره ابزار واحد برای کل فرآیند توسعه و استقرار فراهم می کند. در نتیجه نقاط شکست را کاهش می دهد و کار را برای توسعه دهندگان آسان می کند.

راه اندازی با GitOps

راه اندازی GitOps یک روش ساده است. این وبلاگ نشان می دهد که چگونه می توان ایجاد خوشه Kubernetes و مدیریت استقرار برنامه را با استفاده از GitOps فعال کرد. در اینجا مراحلی وجود دارد که برای ترکیب GitOps در خط لوله خود نیاز دارید.

1. راه اندازی مخزن

• برای شروع کار با GitOps، تنها چیزی که نیاز دارید یک مخزن Git است. برای انجام این کار، باید در ارائه دهنده خدمات Git مورد نظر خود ثبت نام کنید.
• هنگامی که مخزن راه اندازی شد، می توانید شروع به فشار دادن کد خود کنید.
• در حین نگهداری از مخزن، مطمئن شوید که طبق استراتژی شاخه‌بندی خود فورک می‌کنید.

2. یک گردش کار Git ایجاد کنید

• شما باید یک گردش کار Git ایجاد کنید تا تمام فعالیت ها و وظایف خود را از یک منبع واحد مدیریت کنید. در حین انجام این کار، تمام اقدامات و جریان اجرای آنها را تعریف کنید.

3. اقدامات GitOps را برای پروژه خود تعریف کنید

• پس از راه اندازی مخزن Git خود، باید از فایل git-cicd.yaml برای تکمیل فرآیند استفاده کنید. فقط آن را به مخزن Git فشار دهید.
• این فایل شامل دستورالعمل هایی است که باید در حین راه اندازی Git CI/CD اجرا شوند و وابستگی هایی که باید روی Git runner نصب شوند.
• لطفاً توجه داشته باشید که این فایل برای عملکرد Git CI/CD حیاتی است.

4. زیرساخت های GitOps را راه اندازی کنید

• ارائه‌دهنده خدمات Git شما مکانی را برای ایجاد و نگهداری کد منبع فراهم می‌کند. با این حال، احتمالاً شامل هیچ گونه قابلیت پردازشی برای مدیریت خط لوله GitOps نخواهد بود.
• برای انجام این کار، باید یک پلتفرم مجزا برای خط لوله خود فراهم کنید که قابلیت محاسباتی دارد. برای اهداف خود ما یک نمونه زمان اجرا برای همان ایجاد خواهیم کرد.
• در نهایت، باید یک runner برای اجرای مراحل Git CI/CD در خط لوله GitOps خود راه اندازی کنید. رانر به سادگی ماشینی است که به عنوان یک سرور CI عمل می کند و عملکردهای CI/CD را انجام می دهد.

تمام وابستگی های شما با استفاده از فایل git-cicd.yaml در runner نصب می شود. از همین مراحل می توان برای تعریف اقدامات برای استقرار خودکار برنامه، مدیریت خوشه Kubernetes و ویژگی های مختلف دیگری که با GitOps ارائه می شود، استفاده کرد.

نکته حذف: این به سازمان‌ها کمک می‌کند زمان تولید را به حداقل برسانند، زیرساخت‌ها را در چند ساعت توسعه دهند، همکاری، انطباق و ممیزی را ارتقا دهند، محیط‌های کنترل‌شده نسخه، اتوماسیون آزمایش و مدیریت پیکربندی خط لوله را ارتقا دهند.

نتیجه

راه اندازی GitOps برای کار با پروژه های موجود شما آسان است. با دنبال کردن مراحل بالا، باید بتوانید سیستم های خود را در عرض یک روز راه اندازی کنید. با این حال، اگر در این مسیر با مشکلی مواجه شدید، با ما و ما تماس بگیرید توسعه فناوری اطلاعات با مسئولیت محدود. مهندسان آماده کمک به شما خواهند بود.

پست GitOps چیست و چگونه GitOps را با استفاده از خط لوله CI/CD راه اندازی کنیم؟ اولین بار در DEV IT Journal ظاهر شد.