ساختن اپلیکیشن وب ویو با اپلین

در این مقاله قصد داریم با اپلیکیشن قدرتمند اپلین اقدام به ساختن یک اپلیکیشن وب ویو کنیم پس تا آخر این آموزش همراه ما باشید... https://aparat.com/v/7minP دریافت اپلینابتدا قبل از آنکه بخواهیم اپلیکیشن تحت وب خود را طراحی نماییم وارد وب سایت رسمی اپلین می شویم تا بتوانیم به وسیله دریافت اپلیکیشن اپلین آن را طراحی نماییم؛ برای دریافت اپلین اینجا کلیک نمایید.وب سایت رسمی اپلینبرای دریافت آن کافیست روی دکمه «دریافت اپلین» کلیک نمایید و وارد صفحه دریافت آن شوید.دریافت اپلینهمچنین می توانید با یکی از گزینه های زیر اپلیکیشن اپلین را دریافت نمایید:دریافت از کافه بازاردریافت اپلین از کافه بازارشما می توانید به راحتی اپلیکیشن اپلین را از کافه بازار دریافت نمایید؛ جهت دریافت و نصب آن اینجا کلیک نمایید.دریافت از مایکتدریافت اپلین از مایکتهمچنین شما می توانید اپلین را از مایکت با این لینک دریافت نمایید.ساختن پروژه وب اپلیکیشندر تصویر زیر محیط اپلیکیشن ساز اپلین استادیو را مشاهده می کنید؛ این نرم افزار قدرتمند به شما امکان طراحی و ساخت انواع اپلیکیشن ها را می دهد آن هم به صورت نیتیو و بسیار سبک و بهینه؛ در صورتیکه می خواهید یک اپلیکیشن طراحی نمایید لازم است یک پروژه بسازید.برای ساختن پروژه خود روی دکمه «+» کلیک نمایید و منتظر باشید تا صفحه ایجاد پروژه باز گردد.محیط اپ ساز اپلیندر اینجا شما انواع پروژه هایی که می توانید بسازید را مشاهده می کنید؛ به راحتی می توانید یکی از آنها را برای ساختن اپ خود انتخاب نمایید نظیر:اپ خالیاپ تحت وباپ کتاب الکترونیکیاپ ویژهالبته اینجا ما قصد داریم یک اپلیکیشن تحت وب بسازیم پس روی Web-App کلیک می کنیم.ایجاد پروژه در اپلینبعد از کلیک روی گزینه Web-App برای ما سه فیلد ظاهر خواهد شد نظیر:فیلد Project Nameفیلد Project IDفیلد Web-App URLایجاد پروژه در اپلیندر فیلد اول ما می توانیم یک نام دلخواه برای اپ خود انتخاب کنیم مثلا در این مطلب نام آن را «Applin Learn» می نامیم. در فیلد دومی یعنی Project ID لازم است یک نامی منحصر به فرد برای اپلیکیشن خود انتخاب کنیم به گونه ای که این نام در تمام مارکت ها نظیر گوگل پلی، بازار و مایکت و ... یکتا باشد و هیچ جایی استفاده نشده باشد و دارای این ویژگی های زیر باشد:یکتا و منحصر به فردبا حروف کوچک لاتینبا نقطه از هم جدا شوندحداقل دو تایی بوده و با یک نقطه جدا شونددر این مثال ما نام Project ID خود را روی «com.applin.learn» قرار می دهیم.ایجاد پروژه در اپلینبعد از پر کردن تمام فیلدها حالا وقت ساختن پروژه فرا رسیده؛ فقط کافیه با کلیک روی دکمه Create Project پروژه خودمون رو برای طراحی اپ بسازیم...مدیریت پروژه ساخته شدهبعد از ساختن پروژه در داشبورد مدیریتی اپلیکیشن ساز اپلین پروژه ما ظاهر خواهد شد حالا فقط کافیه با یک کلیک واردش شوید.پروژه ها در اپلیندر تصویر زیر که از دو بخش مجرا تشکیل شده به ما قابلیت مدیریتی پروژه را خواهد داد نظیر مدیریت و ویرایش صفحات پروژه و طراحی آنها و حتی مدیریت و ویرایش اطلاعات پروژه و انتشارات آن.یک پروژه تحت وب به صورت پیش فرض دارای دو صفحه پیش نمایش و صفحه وب خواهد بود؛ صفحه پیش نمایش صفحه ای هست که نام برند یا اپ ما را به نمایش می گذاره و بعد از گذشت یک زمانی معیین وارد صفحه وب خواهد شد و وب سایت تنظیم شده رو به صورت یک وب اپلیکیشن نمایش خواهد داد.ابتدا برای ویرایش صفحات روی صفحه Splash Pageمی زنیم و واردش می شویم.مدیریت پروژه در اپلینویرایش صفحه پیش نمایشاین صفحه پیش نمایش اپلیکیشن ماست که کافیه با کلیک روی دکمه پایین سمت راست (دکمه خودکار) ویرایشگر صفحه پیش نمایش را باز نماییم.صفحه پیش نمایشصفحه پیش نمایش دارای دو سربرگ برای ویرایش هست:سربرگ Page Settingsسربرگ Splash Propertiesسربرگ اولی در تمام صفحات وجود دارد و به ویرایش سراسری صفحه مورد نظر می پردازد و سربرگ دومی برای ویرایش ویژگی های مخصوص صفحه پیش نمایش می باشد مانند لوگوی اپلیکیشن و نام آن موقع نمایش و ...ویرایش صفحه پیش نمایشابتدا سربرگ Page Settings را باز می کنیم تا ویژگی های اصلی صفحه را ویرایش نماییم؛ این ویژگی ها شامل رنگ پس زمینه، پایان پذیری صفحه، زمان پایان صفحه و ... می باشد.ویرایش پیش نمایشبه طور مثال می خواهیم رنگ پس زمینه صفحه را عوض نماییم؛ کافیست روی فیلد Page Color کلیک نماییم تا انتخابگر رنگ برایمان باز شود و با کلیک روی رنگ مورد نظر، رنگ آن را انتخاب نماییم؛ البته به صورت پیش فرض از رنگ های هگزادسیمال HTML در اپلین پشتیبانی میگردد.بعد از ویرایش صفحه حالا نوبت به ویرایش ویژگی های پیش نمایش می رسد برای اینکار روی سربرگ Splash Properties کلیک نمایید.ویرایش پیش نمایشبه طور مثال ما قصد داریم متن وسط صفحه پیش نمایش از Applin Learn به Applin Tutorials تغییر یابد فقط کافیست فیلد Splash Text را ویرایش نماییم؛ در صورتیکه می خواهید یک لوگو هم اضافه نمایید می توانید از فیلد Splash Logo استفاده کنید و با درج لینک لوگوی خود را تنظیم نمایید؛ البته در صورتیکه لوگو درون دستگاه شماست کافیست روی فیلد Splash Logo کلیک کرده و تصویر مورد نظر را آپلود نمایید...ویرایش پیش نمایشدر اینجا ما توانستیم متن پیش نمایش را تغییر دهیم و با Splash Text Size هم توانستیم اندازه متن آن را بزرگتر کنیم. در آخر می پردازیم به نمایش بارگذاری پایین صفحه نمایش که با فیلد Splash Progress Show قابل فعال شدن است؛ این ویژگی یک نوار لودینگ پایین صفحه پیش نمایش شما ایجاد می کند و باعث افزایش جذابیت آن می گردد اما به صورت پیش فرض غیرفعال است و شما می توانید با قرار دادن مقدار آن روی True آن را فعال نمایید.ویرایش پیش نمایشحالا بعد از اتمام ویرایش ها لازم است آنها را ذخیره نمایید؛ برای اینکار کافیست روی دکمه Save Changes کلیک کنید و از صفحه پیش نمایش خود لذت ببرید.صفحه پیش نمایش در اپلینویرایش صفحه وب ویومی رسیم به بخش مهم و اصلی مطلبمون که بعد از ویرایش صفحه پیش نمایش خواهد بود؛ در این مرحله با زدن روی صفحه Web Page وارد صفحه وب اپلیکیشن خود خواهیم شد و قادر به ویرایش آن خواهیم بود.مدیریت پروژه در اپلیندر اینجا وب سایتی که موقع ایجاد پروژه تنظیم نموده بودیم نمایش داده می شود و ما می توانیم با همین دکمه (خودکار) اقدام به ویرایش صفحه نماییم.صفحه وب ویو در اپلینصفحه وب دارای چهار سربرگ برای ویرایش می باشد که شامل:سربرگ Page Settings: این سربرگ مخصوص ویرایش ویژگی های اصلی صفحه می باشد که در تمام صفحات وجود دارد از جمله صفحه پیش نمایش و صفحه وبسربرگ WebView App: این بخش مخصوص ویرایش اختصاصی صفحه وب می باشد نظیر لینک وب سایت جهت نمایش و ...سربرگ WebView Error Page: این بخش مخصوص ویرایش صفحه ارور می باشد؛ زمانی که اینترنت برقرار نباشد یا به مشکل بخورد این صفحه جایگزین صفحه وب سایت شما خواهد شد.سربرگ AppNav: این بخش مخصوص مدیریت ناوبری اپلیکیشن می باشد که فقط در صفحات اصلی، لیستینگ ها و صفحات تحت وب قابل استفاده خواهد بودویرایش صفحه وب ویوحالا ما می خواهیم لینک آدرس وب سایتی که گذاشتیم را تغییر دهیم؛ لینک قبلی ما applin.ir/blog بود و اینجا می خواهیم آن را به applin.ir عوض نماییم؛ فقط کافیست در سربرگ WebView App فیلد Web URL مقدار آن را که لینک قبلیست تغییر دهیم.فیلدهای HideByID و HideByClass برای پنهان سازی بخش هایی از وب سایت هستند که معمولا نباید در وب اپلیکیشن ها دیده شوند مانند فوترها و بخش نظرات؛ شما می توانید با اخصاص دادن یک آیدی یا یک کلاس به تگ های HTML وب سایت خود آنها را در اپلین مخفی نمایید.ویرایش صفحه وب در اپلینحالا بعد از ویرایش جهت ذخیره شدن تغییرات روی دکمه Save Changes بزنید.وب اپ اپلینویرایش اطلاعات پروژهبعد از تمام شدن ویرایش صفحات حالا می توانیم اطلاعات پروژه خود را قبل از انتشار آن تغییر دهیم برای اینکار روی Project Settings کلیک می کنیم.پنل مدیریت پروژهدر اینجا ما می توانیم بر اساس فیلد های زیر پروژه خود را ویرایش نماییم:فیلد Project Name: در این فیلد نام پروژه شما قرار گرفته است که قادر به ویرایش آن هستید.فیلد Project Version: در این فیلد می توانید نسخه نمایشی پروژه خود را تغییر دهید.فیلد Version Code: در کنار فیلد نسخه نمایشی یک فیلد دیگری داریم به اسم Version Code که در اصل نسخه عددی برنامه می باشد؛ که حتما باید عددی بوده و در هر انتشار به عدد آن اضافه می گردد.فیلد Main Page: این فیلد اولین صفحه ایست که قرار است اجرا شود؛ شروع شمارش صفحات از 0 می باشد.بعد از تغییرات می توانید با زدن روی دکمه Save Changes آنها را ذخیره نمایید.مدیریت پروژه - اپلینبا زدن روی Project Logo Manager لوگوی اصلی اپلیکیشن خود را ویرایش نمایید؛ این ویرایشگر شامل دو بخش Logo و Logo Color می باشد که فیلد اولی برای تصویر لوگو و فیلد دومی برای رنگ پس زمینه لوگو می باشد.ویرایش لوگوی اپلیکیشن در اپلینانتشار اپلیکیشنحالا برای ایجاد یک انتشار روی دکمه آن کلیک می نماییم.در اپلین استادیو برنامه خود را می توانیم به چهار صورت منتشر نماییم:برنامه ساده اپلینیبرنامه اندرویدی وابستهبرنامه اندرویدی مستقلبرنامه اندرویدی مستقل بهینه شدهصفحه انتشاراین نوع اپلیکیشن ها نصبی نیستند و به راحتی توسط نمایش دهنده اپلین قابل اجرا هستن؛ شما با ارسال شناسه پروژه خود می توانید اپلیکیشن خود را به دوستان خود ارسال نمایید تا آنها بدون نیاز به نصب آن را اجرا نمایند.پلن اول انتشار در اپلینپلن دوم انتشار به شما در کنار ویژگی قبلی فایل های قابل نصب اندرویدی را هم می دهد مانند apk و aab تا بتوانید به راحتی اپلیکیشن خود را در همه نوع مارکت ها نشر نمایید؛ البته در صورت خروجی با این پلن اپلیکیشن خروجی یافته شما به اپلین وابسته بوده و کاربران شما لازم است اپلین را هم نصب نمایند تا اپلیکیشن شما قابل اجرا باشد.پلن دوم انتشار در اپلیندر پلن سوم وابستگی به اپلین برداشته شده و اپلیکیشن شما به صورت مستقل به صورت apk و aab منتشر خواهد شد و تعرفه آن بسیار ارزان و مناسب است با قیمت 49،900 تومان! آن هم به صورت دائمی...پلن سوم انتشار در اپلیندر پلن چهارم علاوه بر مستقل بودن اپلیکیشن شما کدهای اپلین تعبیه شده درون آن بر اساس نوع اپلیکیشنی که شما طراحی نمودید بهینه خواهند شد تا سرعت اپلیکیشن شما افزایش داشته و حجم آن شدیدا کاهش یابد! آن هم فقط با پرداخت 100 هزارتومان بیشتر از پلن سوم می توانید آن را منتشر نمایید.پلن چهارم انتشاربعد از زدن روی انتشار اپلیکیشن شما به تیم ما ارسال می گردد تا بررسی شود چنانچه با شرایط اپلین سازگار بود لینک دریافت آن در همین صفحه در اختیار شما قرار خواهد گرفت و مدت بررسی آن از 3 تا 24 ساعت آینده خواهد بود.انتشارات اپلینامیدوارم از این مطلب لذت برده باشید تا مطالب آموزشی دیگر اپلین بدرود...