جهت تولید برنامه‌های چندپلتفرمی قدرتمند و قابل اجرا بر روی سیستم‌عامل‌های مختلف، آشنایی با فلاتر و مهارت در خروجی‌گرفتن از آن امری بسیار حیاتی است. فلاتر، یک فریمورک توسعه متقابل است که توسط Google توسعه داده شده است و با استفاده از زبان برنامه‌نویسی Dart کار می‌کند. خروجی گرفتن از فلاتر، به معنای تولید نسخه‌های اجرایی برنامه‌ها برای پلتفرمهای مختلف مانند iOS، Android و وب است. در این مقاله، قصد داریم به شما نحوه خروجی‌گرفتن از فلاتر را به صورت جامع و کامل آموزش دهیم.
خروجی گرفتن از فلاتر برای وب
خروجی گرفتن وب در فلاتر، می‌توانید مراحل زیر را دنبال کنید:
- در قدم اول، باید دستور زیر را در محیط خط فرمان (CMD) وارد کنید، که مسیر پروژه شما است:
flutter build web
این دستور پروژه فلاتر شما را کامپایل کرده و خروجی وب را تولید می‌کند.
- پس از اجرای دستور فوق، باید صبر کنید تا عملیات کامپایل و پردازش پروژه به پایان برسد.
- پس از اتمام عملیات، برای دریافت خروجی وب، باید به مسیر زیر بروید:
[Project Name]/build/web
در این مسیر، محتوای پروژه وب شما وجود دارد. شما می‌توانید محتوای این پوشه را کپی کرده و بر روی هاست خود یا سرور مورد نظر قرار دهید.
در نتیجه، با اجرای مراحل فوق، شما می‌توانید خروجی وب برای پروژه فلاتر خود تولید کنید.
خروجی apk فلاتر
در این قسمت، نحوه گرفتن خروجی apk از اپلیکیشن فلاتری را به صورت گام به گام بررسی میکنیم.
تغییر آیکن اپلیکیشن در فلاتر
برای تغییر آیکن اپلیکیشن با استفاده از این روش ابتدا باید تصویر مورد نظر خود را در اندازه‌های مختلف برای آیکن اپلیکیشن بسازید. می‌توانید از وبسایت App Icon Generator برای این منظور استفاده کنید و تصویر خود را با ابعاد 1024×1024 پیکسل آپلود کنید.
سپس پلتفرم مورد نظر خود را انتخاب کنید. ما در اینجا اندروید رو انتخاب کردیم.
در نهایت یک نام برای آیکون های خود مشخص کرده و بر روی Generate کلیک کنید تا آیکون ها دانلود شوند.
حال فایل دانلود شده را اکسترکت کرده و آن را باز کنید. تصاویر playstore و appstore برای زمانی است که قصد انتشار اپلیکیشن در گوگل پلی یا اپ استور را دارید.
پوشه android را باز کنید. در اینجه 5 پوشه با نام های mipmap-hdpi موجود است که هر کدام برای اندازه خاصی است.
در مرحله بعد، در نرم افزار اندروید استودیو به مسیر android > app > src > main > res رفته سپس روی یکی از فایل ها در res کلیک راست کنید و به قسمت Open in > Explorer بروید.
حال فایل هایی که نام آنها با mipmap شروع میشود را کپی کرده و با پوشه های پروژه جایگزین کنید.
Sign کردن اپلیکیشن در فلاتر
در فلاتر، برای ساین کردن (Signing) اپلیکیشن، شما باید از فایل Keystore استفاده کنید. Keystore یک فایل حاوی اطلاعات امنیتی است که برای امضای دیجیتالی اپلیکیشن استفاده میشود. ساین کردن اپلیکیشن در فلاتر شامل مراحل زیر است:
- ایجاد Keystore
- ابتدا باید یک Keystore جدید ایجاد کنید. برای این کار، می‌توانید از ابزار keytool که در بسته نصب JDK (Java Development Kit) وجود دارد، استفاده کنید.
- اجرای دستور زیر در ترمینال یا خط فرمان برای ایجاد Keystore:
keytool -genkey -v -keystore my_keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my_key_alias
- در این دستور، “jks” نام فایل Keystore است که می‌خواهید ایجاد کنید و “my_key_alias” عنوان برچسبی است که به کلید ایجاد شده در Keystore اختصاص داده میشود.
- در این مرحله، شما باید اطلاعاتی مانند نام واحد سازمانی (Organization Unit Name)، نام سازمان (Organization Name)، شهر (City) و کشور (Country) را وارد کنید. همچنین یک رمزعبور برای Keystore خود ایجاد کنید.
- تنظیمات Gradle
- در پروژه فلاتر خود، به فایل android/app/build.gradle بروید.
- در قسمت android این فایل، یک بخش به نام “signingConfigs” ایجاد کنید (اگر وجود ندارد) و مشخصات Keystore خود را در آن قرار دهید. مثالی از تنظیمات “signingConfigs” در زیر آمده است:
android {
…
signingConfigs {
release {
keyAlias ‘my_key_alias’
keyPassword ‘your_key_password’
storeFile file(‘path/to/your_keystore.jks’)
storePassword ‘your_store_password’
}
}
…
}
- در این مثال، “my_key_alias” عنوان برچسب کلید در Keystore است، “your_key_password” رمزعبور کلید، “path/to/your_keystore.jks” مسیر فایل Keystore شما و “your_store_password” رمزعبور Keystore را نشان می‌دهد. لازم است که این مقادیر را با اطلاعات مربوط به Keystore خود جایگزین کنید.
- تنظیمات Build Type
- در همان فایل “android/app/build.gradle”، به قسمت “buildTypes” بروید.
- برای Build Type مورد نظر خود (معمولاً “release”)، پارامتر “signingConfig” را تنظیم کنید و به “release” ارجاع دهید. مثال:
android {
…
buildTypes {
release {
signingConfig signingConfigs.release
…
}
…
}
…
}
تغییر نام اپلیکیشن در فلاتر
برای تغییر نام اپلیکیشن به مسیر android > app > src > main > AndroidManifest.xml بروید و در داخل بلاک کد application در قسمت android:label نام اپلیکیشن را مشخص کنید.
ساخت فایل نصبی apk اپلیکیشن
در این مرحله در محیط خط فرمان کد زیر را وارد کنید:
flutter build apk
حال به مسیری که برای ساخت اپلیکیشن تعیین کرده بودید بروید. فایل نهایی اپلیکیشن شما در مسیر build > app > outputs > flutter-apk > app-release.apk است.
خروجی گرفتن از فلاتر برای ios
برای خروجی ios در فلاتر بدون نیاز به سیستم مک، می توانید از سایت های مختلفی مانند codemagic.io استفاده کنید. برای استفاده از این سایت ابتدا باید پروژه خود را روی github آپلود کرده و از طریق اکانت github عضو این سایت شوید.
کلام پایانی
خروجی گرفتن از فلاتر برای اپلیکیشن‌های توسعه داده شده با این فریم ورک بسیار آسان و همچنین قدرتمند است. با استفاده از دستورات مختلف فلاتر، می‌توانید خروجی‌های متنوعی مانند فایل‌های APK برای اندروید، IPA برای iOS و حتی نسخه وب برای اجرا در مرورگرها ایجاد کنید. چنین ویژگی پر اهمیتی این امکان را به شما می‌دهد تا اپلیکیشن خود را به طور یکپارچه بر روی پلتفرمهای مختلف منتشر کرده و در دسترس کاربران قرار دهید.
برای آشنایی بیشتر با فریمورک فلاتر و نحوه خروجی گرفتن در آن می توانید در دوره آموزش فلاتر در دانشجویار شرکت کنید. در این دوره، شما با مباحث مختلفی در مورد فلاتر آشنا می‌شوید از جمله: زبان برنامه‌نویسی دارت، استیت منیجمنت (State Management) با استفاده از Bloc، کار با دوربین، میکروفون و جی‌پی‌اس موبایل و انیمیشن‌ها و…