انتشار یک پروژه از طریق ویژوال استدیو بر روی IIS

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

برای افزایش سرعت توسعه و تست میتوان از روشی استفاده کرد که در آن تنظیماتی را بر روی ویژوال استدیو وارد میکنیم تا فایل ها بلافاصله پس از publish بر روی iis قرار گیرد.

نصب و تنظیم Web Deploy بر روی ویندوز سرور

1- ابتدا باید بر روی ویندوز سرور web platform installer را نصب کنید. برای این منظور میتوانید از این لینک استفاده کنید.

2- پس از نصب web platform installer  آن را از منوی استارت اجرا کنید. (Microsoft web platform installer) با علامت فلش و رنگ نارنجی.

3- در تب Application گزینه Web Deploy form hosting servers را add کنید و سپس نصب را انجام دهید.

4- اگر ویژگی IIS Management Scripts and Tools را قبلا نصب نکرده اید آن را بدین صورت نصب کنید:

start>server manager>add roles and features>server roles

در اینجا لیستی از features های نصب شده را مشاهده میکنید. حالا به نود web server iis بروید سپس گزینه management tools را باز کنید و تیک گزینه iis management scripts and tools را بزنید و نصب را کامل کنید.

پس از نصب میتوانید از service های نصب شده در سیستم عامل مطمئن شوید که سرویس web deployment agent service به صورت run باشد.

تنظیمات publish بر روی iis

1- پنجره باز iis را ببنید و دوباره باز کنید تا تنظیمات اعمال شود.

2- بر روی سایتی که میخواید فایل ها آنجا publish شوند راست کلیک کنید سپس گزینه Deploy و Configure web deploy publishing را کلیک کنید.

3- در پنجره باز شده گزینه Setup را کلیک کنید.

4- در پنجره ای که باز میشود توضیحاتی ارائه میشود و یک فایل با پسوند .publishsettings نیز ساخته میشود که در توضیحات آدرس آن را مشاهده خواهید کرد. (معمولا روی دسکتاپ ساخته میشود.)

این فایل حاوی تنظیماتی است که باید در ویژوال استدیو برای publish پروژه خود وارد نمایید.

5- فایل مذکور را کپی کرده و به سیستمی که روی آن ویژوال استدیو دارید انتقال دهید.

6- بر روی پروژه خود در ویژوال استدیو کلیک راست کرده و گزینه publish را بزنید. (اگر قبلا تنظیمات publish را انجام داده اید روی گزینه create new profile کلیک کنید)

7- در پنجره جدید بر روی import pofile در پایین پنجره کلیک کنید و فایلی که کپی کردید را وارد نمایید.

8- پس از وارد کردن فایل میتوانید با زدن لینک configure برخی ویرایش ها را انجام دهید.

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

9- سپس publish را انجام دهید.

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

نکات کاربردی در ویژوال استدیو 2

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

1- پیدا کردن فایلی که در حال کار بر روی آن هستیم:

گاهی بر روی یک فایل در حال کار هستیم و میخواهیم بدانیم این فایل دقیقا معادل کدام فایل در Solution میباشد، برای این کار از دکمه های 

Ctrl + [ , s

و یا از پنجره Solution روی گزینه ای که با علامت دو فلش مشخص شده کلیک میکنیم. (Sync with active document)

2- ذخیره کردن محیط کاری

در پنجره windows از طریق منوی savewindowlayout و applywindowslayout میتوان محیط کاری که درست کردیم را ذخیره و بازیابی کنیم میتوانیم چندین محیط کاری بر اساس نوع پروژه درست کنیم.

3- پرش به شروع یا پایان یک بلاک

زمانی که نشان گر موس در کنار علامت } یا { میباشد با زدن دکمه های

Ctrl + ]

به شروع یا پایان آن بلاک میرویم.

4- حرکت به محل قبلی که در حال ویرایش آن بودیم:

با زدن دکمه های 

Ctrl + - 

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

Ctrl + Shift + -

آموزش Bundling and Minification

Bundling and Minification

دو تکنیکی هستند که در ASP.NET 4.5 میتوانید از آنها جهت بهبود زمان بارگذاری در وب سایت استفاده نمایید. این دو تکنیک باعث کاهش تعداد درخواست ها به سرور و همچنین کاهش حجم فایل ها (مانند CSS و JavaScript) میگردد.

Minification

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

نکات کاربردی در ویژوال استدیو

افزودن Bookmark:

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

Ctr + K + K (Press K Twice)

برای نمایش Bookmark ها :

Ctr + K + W (=> View > Bookmark Window)

با دوبار کلیک بر روی نام Bookmark به محل مورد نظر میروید. ضمنا با کلیک راست کردن روی نام Bookmark و انتخاب گزینه Rename میتوانید نام آن را تغییر دهید تا مدیریت بهتری رو آنها داشته باشید.

استفاده از Resharper

Ctr + T : جستجو در بین تمامی فایل ها و محتوای آنهای

Ctr + Shift + T : جستجوی فایل

ُShift + Alt + T : جستجو در کل یک Solution

, + Ctr : آخرین فایلهایی که باز بودند

, + Ctr + Shift : بازگشت به محل قبلی که در حال ادیت بودید

Ctr + Click : پنجره Navigate to

F12: با زدن F12 بر روی کلاسهای دات نت میتوان به Source آنها دسترسی پیدا کرد.

Alt + Enter : اصلاح خطا

Ctr + Shift + R: جهت Refactor کردن

روی Solution میتوان کلیک راست کرد و گزینه Refactor و سپس گزینه adjust name spaces را کلیک کرد تا تمامی namespace ها را اصلاح کند.

و یا remove unused references باعث حذف reference های اضافه بدون استفاده خواهد شد.

Ctr + Alt + Insert: جهت ساختن کلاس، اینترفیس، صفحه ،و ... بدون نیاز به کلیک راست کردن روی solution و انتخاب new item

Ctr + E + U: نوشتن بدنه برخی دستورات: مثل try..catch یا while و ...

Resharper همچنین از سایر framework ها مثل jQuery یا MVC پشتیبانی میکند. مثلا به راحتی در MVC میتوانید نام PartialView های موجود را مشاهده کنید و یا مثلا در jQuery میتوانید لیست عناصر صفحه را با توجه به id و یا css کلاس آنها مشاهده و به راحتی آیتم مورد نظر را انتخاب کنید:

$("#createmenu").

همچنین resharper امکانات خوبی در css به شما میدهد.

resharper را میتوان در پروژه های Unit test نیز استفاده کرد.

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

1. Reset current keyboard configuration (Tools | Options | Environment | Keyboard | Reset).
2. Go to ReSharper | Options | Environment | Keyboard & Menus | "Visual Studio" | Apply Scheme.
3. Click Ctrl+T
4. Choose "Use ReSharper command" in the opened popup(check "Apply to all ReSharper shortcuts")

اگر این روش جواب نداد از روش زیر استفاده کنید:

Setting to Resharper / Options / KeyBoard & Menus / None / Apply and Save

and then

Resharper / Options / KeyBoard & Menus / Set to Visual Studio / Apply and Save

Map Mode For Vertical Scroll Bar

در ویژوال استدیو میتوان scroll bar را به صورت Map Mode نمایش داد که ممکنه برای شما کاربردی باشه. یکی از خصوصیت های این روش اینه که بدونه اینکه بخواهید صفحه را اسکرول کنید میتونید با نگه داشتن موس روی اسکرول بار سورس ها رو مشاهده کنید و مزیت دیگه اینه که میتونید بدون اینکه مجبور باشید Region ها رو باز کنید بتونید داخلشون رو ببینید.

نمایی از Map Mode Scroll bar

نحوه تغییر scroll bar در ویژوال استدیو:

از منو Tools گزینه Option را انتخاب کرده در صفحه باز شده کلمه Scroll را سرچ کنید در قسمت All languages گزینه Scroll Bar را انتخاب کنید و سپس در قسمت Behavior گزینه Use Map Mode را انتخاب کنید تیک گزینه Show Preview را هم بزنید.

مدیریت سورس کد

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

نرم افزار های مدیریت سورس یا همون Source Control ها برای همین منظور تولید شدند تا ما به راحتی با استفاده از اونها بتونیم تاریخچه تغییرات سورس کدها رو داشته باشیم.

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

1- Centralize

مانند TFS Server که تاریخچه فایل ها و تغییرات روی یک سرور متمرکز وجود دارد.

2- Distributed

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

پروژه Git در اصل برای لینوکس ایجاد گردید اما به جهت شهرت و کاربردهای فراوان مایکروسافت آن را به ویژوال استدیو نیز اضافه کرد.

نحوه انجام کار:

برای اینکه پروژه خودمان را بتوانیم به صورت Git مدیریت کنیم در ویژوال استدیو  در  پنجره solution روی solution راست کلیک کرده و گزینه Add Solution To Source Control را میزنیم در پنجره باز شده گزینه Git را انتخاب میکنیم. سپس دوباره در پنجره solution روی solution راست کلیک کرده و commit را میزنیم، یک نام دلخواه هم مثلا Initial به عنوان کامنت میدهیم و Commit میکنیم. در حین کار و پس از تغییرات روی پروژه میتوانیم همین کار را انجام دهیم و کامیت های مختلف داشته باشیم. بهتر است نام های خوبی برای کامیت ها داشته باشیم مثلا اگر یک صفحه جدید محصولات به پروژه اضافه کردیم نام Add_Product_Page را به عنوان کامنت بدهیم.

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

توجه:

انجام فرایند های فوق باعث میشود پروژه شما به صورت لوکال توسط Git مدیریت شود و همواره تمامی تغییرات و History ها در کنار پروژه شما خواهد بود اما اگر میخواهید علا بر موارد فوق یک بک آپ آنلاین هم داشته باشید تا در صورت حذف ناخواسته پروژه سورس های خود را از دست ندهید پیشنهاد میکنم از TFS Online خود مایکروسافت استفاده کنید. که باید با یک اکانت ایمیل مایکروسافت لاگین کرده و مابقی ماجرا.

برای اینکه پروژه های لوکال شما پس از هربار کامیت ، مستقیم روی TFS آنلاین هم ذخیره شود پس از کامیت کردن پروژه در پنجره زرد رنگ نمایش داده شده گزینه Sync را بزنید.

پس از زدن دکمه Sync در پنجره بعدی از شما یک آدرس به عنوان Repository میخواهد که باید ابتدا در TFS آنلاین عضو شده و وارد صفحه خود شوید: مثلا آدرس صفحه شما اگر نام اکانت شما Test باشد بدین صورت خواهد بود:

test.visualstudio.com

سپس در پنل خود New team project را زده و یک پروژه دلخواه ایجاد کرده. سپس وارد منوی Code شده و آدرس نمایش داده شده را به عنوان repository کپی کنید و وارد قسمت مربوطه در ویژوال استدیو کنید تا از این به بعد هربار که پروژه را sync کردید در این آدرس نیز ذخیره گردد.

برای افزودن دوستان خود به پروژه میتوانید در صفحه پروژه ها گزینه Invite a friend را بزنید.

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

نکته: شما میتوانید پروژه های خودتان را به جای TFS روی سروس های خود Git آپلود کنید این سرور همان سایت معروف Github میباشد که البته نسخه رایگان آن بدین صورت است که سورس کدهای شما را دیگران نیز میبینند. (برای کسب شهرت و در اختیار قرار دادن علم و دانش به دیگران میتوانید از این روش استفاده کنید)