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

متن این ویدئو :

با عرض سلام و ادب کیایی هستم مدیر وب سایت dotnetexpert.ir  و نویسنده ی پلتفرم خودکار

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

دوستان در این قسمت یکسری نکات را راجع به کدنویسی سمت Client بگویم. اول اینکه ما در ویدئوهای قبلی خیلی در مورد دیباگ صحبت کردیم اما طریقه استفاده از آن را نگفتیم من اول وارد سایت میشم و تو مرورگر کروم F12 را می‌زنم تا Consol باز شود و به قسمت Sources میرم و شما اونجا میتونید ببینید که فولدر Scripts/dist برای حالت release وجود داره و باندل asDropdown.js وقتی من بازش می‌کنم به حالت minified است.

 این یعنی اینکه ما در حالت release هستیم , من این را می بندم از وب سایت خارج میشم یک بار هم رفرش می‌کنم دوباره وارد سایت میشم این بار به حالت debuge، برای وارد شدن به حالت debuge شما باید روی خود صفحه Loggin چند بار کلیک کنید تا یک Radio butten به حالت دیباگ ظاهر شه و آن را انتخاب کنید و بعد به حالت دیباگ وارد سایت شوید من اگر این دفعه F12 بزنم اولاً شما می‌بینید که اون صفحه‌ای که لود شده براتون یه کامنت گذاشته شما روی این راست کلیک کنید و Open in Sources in panel را بزنید میرید داخل Panel و میتونید اینجا Break point بزنید و من Break point میذارم و یک بار رفرش می کنم و می‌بینید که میاد سر Break point وای می‌ایستد و شما میتونید برنامه تون را دیباگ کنید.

و همان asDropdown که بهتون نشان دادم تو ورژن release که minified بود اینجا می‌بینید که دیگه minified نیست و شما می‌تونید دیباگش کنید و اما نکته بعدی اگر داخل مرورگر کروم دوباره به کنسول برگردم از قسمت Sources همون as Dropdown را روی آن راست کلیک کنید Open in new tab را بزنم Sourcesی را که به من نشان میده Sources اصلی است و حالت minified نیست , چرا چون من به این Sources دسترسی دارم برای دیدن Sources اما اگه من برگردم و از سایت خارج بشم و دوباره همون URL را مرورش کنم این بار Sourcesی را که به من نشان میده Sources minified است , چرا چون من دسترسی به این Sources ندارم برنامه نویسی امن و امنیت Sources شما یکی از نکات کلیدی که در پلتفرم خودکار روی آن خیلی حساس بوده و نکته‌ی دیگه ای اینجا هست اگه دقت کنید این یک مسیر مجازی است شما خودتون می دونید که در واقعیت Sources اصلی شما در Script و در فولدر دیباگ است حتی اگر هَکِر این را هم بدونه بیاد خود داخل فولدر اصلی باز هم Sources ی را که می‌بینه Sources minfied است و فرقی نداره .

و اما نکته ی دیگه اگه یادتون باشه وقتی که من داشتم بخش مدیریت صفحات را توضیح می‌دادم توی توضیح چهارچوب پیش فرض که اسمش خودکاره , اونجا یکی از گزینه هایی که برای InitApp پاس می دادیم InitApp نقطه‌ی ورود به سایت است , enable Mobile بود که به صورت پیش فرض برای خودکار True من حالا یک بار دیگه بهتون نشان میدم از قسمت چهارچوب‌ها، خودکار، که از نوع چهارچوب است را انتخاب می کنم و جاوااسکریپتش توی متد InitApp یکسری گزینه باید Set می‌کردیم یکی از مواردی که باید Set می‌کردیم enable Mobile بود که به طور پیش فرض True، این چه کار میکنه وقتی وب سایت شما از طریق یک دستگاه موبایل مرور بشه اولا خود وب سایت با bootstrap به حالت Responsive  هست , اما شما بعضی موارد نیاز دارید که یک صفحه ای حتما برای حالت موبایل یک ورژن خاصی باشه حالا قراره محتوای خاصی باشه وقتی که کاربر شما از طریق موبایل وارد میشه اگه اون صفحه‌ای که کاربر شما داره مرور میکنه حالت موبایل هم داشته باشه اون حالت موبایل براش سرو میشه ولی اگه موبایل نداشته باشه fallback میکنه به صفحه معمولی و صفحه معمولی را بهش نشون میده .

 حالا برای اینکه بهتون نشان بدم اینجا یک صفحه تستی داریم تو قسمت توسعه تو قسمت تست شما می تونید صفحات تستی را بسازید البته اجبار نیست استاندارد نیست و من یک Category ساختم به اسم تست که برای خودم که صفحات تستی اینجا باشه شما هم میتونید از اون استفاده کنید من اگه صفحات تستی را مرور کنم می‌بینید یک صفحه‌ی تستی یکسری نوشته و یک عکسی هست. من تو مرورگر کروم F12 را می زنم تو حالت موبایل میرم و دوباره F5 را می زنم تا صفحه refresh بشه این بار شما مشاهده می‌کنید به جای صفحه‌ی اصلی صفحه تستی موبایل من که در آن یک محتوای موبایل نوشته شده و به URL مان هم یک موبایل اضافه شده اما صفحاتی دیگه که حالت موبایل ندارند به صورت معمولی لود میشن و می آیند و مشکلی هم ندارند.