ایجاد نسخه Web app از اپلیکیشن های فلاتر

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

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

همینجور که میدونید به تازگی فلاتر اپدیت شد به نسخه 1.9 و همینجور دارت هم به نسخه 2.5 و کلی ویژگی هم به این فریم ورک محبوب اظافه شد که خیلی جذاب ترش میکنه? به نظرم وقتشه این عکسو اپلود کنم??

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

اما توی اپدیت اتفاقی که افتاد این بود که Flutter_web_repository منسوخ شد و ترکیب شد

توی flutter repository که این معنیش اینه از این به بعد موبایل و وب هر دو از یک پکیج استفاده میکنن

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

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

$ flutter create [project_name]

اجرای پروژه روی شبیه ساز اندروید

$ cd [project_name]
project_name$ flutter run -d [your_simulator]

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

flutter devices

تولید نسخه وب

خوب میرسیم به بخش جذاب موضوع این دستور رو توی دایرکتوری روت پروژتون وارد کنید

project_name$ flutter create --web .

این دستور یک دایرکتوری با نام webتوی پوشه پروژتون ایجاد میکنه اگر برای شما ایجاد نشده نگران نباشید شما باید دو چیز رو چک کنید:

1. برنچ master

برنامه نویسای گوگل فلاتر روی 4 برنچ stable/master/beta/dev دارن توسعه میدن این ویژگی مورد نظر ما در حال حاضر فقط روی master ارائه میشه پس اگر شما روی stable هستید باید master رو ست کنید.با این دستور

project_name$ flutter channel master

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

2. ابزار پیکربندی وب

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

project_name$ flutter config --enable-web

خوب حالا شما باید لیست دیوایس هاتون رو چک کنید و مرورگرتون باید در لیست دیوایس هاتون باشه

project_name$ flutter devices

> Chrome • chrome • web-javascript • Google Chrome 75.0.3770.80

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

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

flutter run -d web

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

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

کانال من