Делаем сайт на SharePoint 2010. Брендинг

Сайт на SharePoint 2010. Брендинг
Сайт на SharePoint 2010. Оптимизация
Сайт на SharePoint 2010. Брендинг Wiki-страниц
Сайт на SharePoint 2010. Построение иерархии страниц

Этим постом я начну рассказывать о создании интернет сайта на основе MS SharePoint 2010. Первые посты будут посвящены использованию для этого бесплатной версии MS SharePoint Foundation 2010. В последних постах я опишу дополнительные возможности, получаемые при покупке платных версий SharePoint 2010 (Standart и Enterprise).

Начнем с минимальных исходных данных. Сайт будет под управлением MS SharePoint Foundation, а базы данных будут располагаться на MS SQL Server 2008 Express Edition. Оба этих продукта совершенно бесплатны, что не может не радовать.

SharePoint 2010 или другие CMS

Использование SharePoint 2010 для построения сайта имеет ряд неоспоримых преимуществ:

  • Интерфейсы, предназначенные для управления содержимым соответствуют тем, которыми пользователи пользуются ежедневно при работе с корпоративным порталом. Т.е. обучение пользователей не требуется;
  • Возможность использования бесплатного "толстого" Windows-клиента MS SharePoint Designer для управления сайтом;
  • Управление контентом в оффлайн режиме. Например, создали новость/статью/что_угодно, сидя в самолете, добрались до ближайшего Wi-Fi и опубликовали на сайте;
  • Возможность работать с содержимым сайта через MS Outlook;
  • Работа с библиотеками на портале как с обычными сетевыми дисками;
  • Возможность публикации информации на сайте с корпоративного портала SharePoint;

Я перечислил только то, что является козырями в руках SharePoint. А теперь подробнее о брендинге SharePoint.

Анонимный доступ

Это первое, что надо задействовать на сайте под управлением MS SharePoint 2010. Перед началом разработки, т.к. есть здесь подводные камни. Например Linq-To-SharePoint не работает в режиме анонимного доступа. Для обхода этого придется писать "обертку". Описание самого процесса включения анонимного доступа есть на MSDN.

От портала к интернет-сайту

При брендинге SharePoint есть одна проблема - интерфейс SharePoint не создавался для использование его в качестве public-face. Поэтому надо адаптировать интерфейс SharePoint. Нам не понадобятся ни Ribbon, ни SiteActions. Например, ribbon абсолютно бесполезен для пользователя, имеющего права только на чтение (именно такими правами будут обладать анонимные пользователи): можно только отправить ссылку на текущую библиотеку/список по почте и подписаться на уведомления. И то и другое можно реализовать и без ribbbon'а. Также добавлю, что для подписки, пользователю придется делать "лишний" клик по закладке, а это очень плохо.

Представление рибона в SharePoint для пользователей с правами только на чтение

Ничего из этого нам не надо. Способов "отфильтровать" элементы управления несколько.

Security Trimmed Controls

Контрол SharePoint для отображения или сокрытия элементов, исходя из прав пользователей. На ASP.NET странице он выглядит вот так:

  1. <Sharepoint:SPSecurityTrimmedControl runat="server" Permissions="ManageLists">
  2. Контент, видимый пользователям, имеющим права, указанные в атрибуте Permissions
  3. </SharePoint:SPSecurityTrimmedControl>

Можно обернуть все, что надо спрятать от посетителей в такие контролы. Этот способ мне не нравится, т.к. поддерживать решения, в которых используется такой подход дорого. Есть и ещё несколько минусов, но о них ниже.

Назад к SharePoint 2007

Можно понизить версию интерфейса с 4 на 3. После этого наш будущий сайт становится очень похож на SharePoint 2007: все элементы управления, мирно уживающиеся в одном месте (на рибоне), теперь "разлетелись" по всей странице. Впрочем, и большинство из них нам не понадобятся.

SharePoint 2010 с пониженной до 3 версией интерфейса

Я ни в коем случае не против нового интерфейса SharePoint 2010, а именно идеи собрать все элементы управления в одном месте. Данный подход (понижение версии интерфейса) ни в коем случае не ограничивает функционал SharePoint, т.к. версия интерфейса задается на уровне узла. Таким образом для удобства редакторов контента вполне возможно создать отдельный узел, где будут собраны все списки/библиотеки и ribbon будет функционировать. Помимо этого есть еще и возможность публиковать содержимое с внутреннего корпоративного портала. Тем не менее, неудобства обеспечена.

Здесь я прерву описание этого метода, т.к. далее всё сводится к одному: проблема и как её решать. Взять, например WYSIWYG-редактор: он будет работать только в Internet Explorer или придется встраивать сторонний редактор.

Динамическое представление сайта

Третий, мой любимый способ заключается в использовании двух представлений: исключительно контент (для посетителей сайта) и полнофункциональный SharePoint для модераторов. Этот способ мне кажется самым верным, поэтому его я опишу более подробно.

Сначала сделаем два проекта:
проект-брендинг, который будет содержать две master-страницы (как минимум, если требования в сайту "хитрые", то можно и больше), стили и изображения нам необходимые: Проект брендинга SharePoint 2010 проект-сайт, содержащий SiteDefinition: Проект определения сайта SharePoint 2010

Master-страницу для бэкофиса (v4.moderator.master) я взял стандартную без каких-либо изменений, дабы сохранить стандартный интерфейс и его функциональность для редакторов содержимого.

С другой стороны, master-страницу для посетителей сайта я упростил максимально, удалив из неё всё, кроме PlaceHolderMain и прочей мелочи. Убрал даже FormDigest. Насколько это оправдано я напишу в следующих постах. Получилось совсем немного (без директив):

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html lang="<%$Resources:wss,language_value%>" dir="<%$Resources:wss,multipages_direction_dir_value%>" runat="server" xmlns:o="urn:schemas-microsoft-com:office:office">
  3. <head runat="server">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=8"/>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.     <meta http-equiv="Expires" content="0"/>
  7.     <title id="onetidTitle">
  8.         <asp:ContentPlaceHolder id="PlaceHolderPageTitle" runat="server"/>
  9.     </title>
  10.     <SharePoint:CssLink runat="server" Version="4"/>
  11.     <script type="text/javascript">
  12.     var _fV4UI = true;
  13.     </script>
  14.     <link rel="shortcut icon" href="/_layouts/images/favicon.ico"
  15.         type="image/vnd.microsoft.icon" />
  16. </head>
  17. <body onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();"     class="v4master">
  18.   <form runat="server"
  19.      onsubmit="if (typeof(_spFormOnSubmitWrapper) != 'undefined') {
  20.         return _spFormOnSubmitWrapper();} else {return true;}">
  21.     <WebPartPages:SPWebPartManager id="m" runat="Server" />
  22.     <a id="HiddenAnchor" href="javascript:;" style="display:none;"></a>
  23.     <div id="MSO_ContentDiv" runat="server">
  24.         <a name="mainContent"></a>
  25.         <asp:ContentPlaceHolder id="PlaceHolderMain" runat="server">
  26.         </asp:ContentPlaceHolder>
  27.     </div>
  28.     <input type="text" name="__spText1" title="text" style="display:none;" />
  29.     <input type="text" name="__spText2" title="text" style="display:none;" />
  30. </form>
  31. </body>
  32. </html>

Что касается страницы default.aspx в SiteDefinition, то она также проста. Здесь только несколько зон для веб-партов:

  1. <asp:Content ContentPlaceHolderId="PlaceHolderPageTitle" runat="server">
  2.     <SharePoint:ProjectProperty Property="Title" runat="server"/>
  3. </asp:Content>
  4. <asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
  5. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  6.     <tr>
  7.         <td valign="top" width="100%" colspan="2">
  8.             <WebPartPages:WebPartZone runat="server"
  9.                   AllowPersonalization="false" Title="TopZone" ID="TopZone"                Orientation="Vertical"
  10.                   QuickAdd-GroupNames="Top" QuickAdd-ShowListsAndLibraries="false"/>
  11.         </td>
  12.     </tr>
  13.     <tr>
  14.         <td valign="top">
  15.             <WebPartPages:WebPartZone runat="server"
  16.                   AllowPersonalization="false" Title="LeftZone" ID="LeftZone"                 Orientation="Vertical"
  17.                   QuickAdd-GroupNames="Left" QuickAdd-ShowListsAndLibraries="false"/> 
  18.         </td>
  19.         <td valign="top">
  20.             <WebPartPages:WebPartZone runat="server"
  21.                   AllowPersonalization="false" Title="RightZone" ID="RightZone"                 Orientation="Vertical"
  22.                   QuickAdd-GroupNames="Right" QuickAdd-ShowListsAndLibraries="false"/> 
  23.         </td>
  24.     </tr>
  25.     <tr>
  26.         <td colspan="2">
  27.             <WebPartPages:WebPartZone runat="server"
  28.                   AllowPersonalization="false" Title="BottomZone" ID="BottomZone"                 Orientation="Vertical"
  29.                   QuickAdd-GroupNames="Bottom" QuickAdd-ShowListsAndLibraries="false"/> 
  30.         </td>
  31.     </tr>
  32. </table>
  33. </asp:Content>

Для обеспечения динамического переключения master-страниц, надо изменить директиву Page страницы, указав в качестве наследуемого наш новый класс FluentWebPartPage:

  1. public class FluentWebPartPage : WebPartPage
  2. {
  3.     protected override void OnPreInit(EventArgs e)
  4.     {
  5.         base.OnPreInit(e);
  6.         if (IsAnonymous)
  7.             SetAnonymousView();
  8.         else
  9.             SetModeratorView();
  10.     }
  11.  
  12.     /// <summary>
  13.     /// Изменение master-page
  14.     /// </summary>
  15.     /// <param name="url"></param>
  16.     private void SetMasterPages(string url)
  17.     {
  18.         MasterPageFile = url;
  19.     }
  20.  
  21.     private void SetAnonymousView()
  22.     {
  23.         SetMasterPages("/_catalogs/masterpage/v4.guest.master");
  24.     }
  25.  
  26.     private void SetModeratorView()
  27.     {
  28.         SetMasterPages("/_catalogs/masterpage/v4.moderator.master");
  29.     }
  30.  
  31.     /// <summary>
  32.     /// Является ли пользователь анонимным
  33.     /// </summary>
  34.     private static bool IsAnonymous
  35.     {
  36.         get
  37.         {
  38.             if (SPContext.Current == nullreturn true;
  39.             return SPContext.Current.Web.CurrentUser == null;
  40.         }
  41.     }
  42. }

Сам класс унаследован от Microsoft.SharePoint.WebPartPages.WebPartPage. На событии OnPreInit мы проверяем, является ли пользователь анонимным и в зависимости от этого подставляем соответствующую master-страницу. Поведение этого класса может быть различно: можно проверять какие-нибудь права у пользователя, можно по умолчанию брать страницу из параметров данного сайта (MasterUrl или CustomMasterUrl) и т.д.

Результат

В результате мы оставляем функционал и интерфейс нетронутым для редакторов контента и полную свободу действий для создания интернет-сайта на базе SharePoint.

Интернет-сайт на базе SharePoint 2010 для модераторов Интернет-сайт на базе SharePoint 2010 для посетителей

В следующем посте я расскажу про дальнейшую оптимизацию с целью уменьшить размер страниц, т.е. ускорение загрузки.


Поделиться

Коментарии