В этом посте я покажу вам, как создать приложение SharePoint 2013 [размещенное в SharePoint] для Office 365 и опубликовать его в любой учетной записи SharePoint Online. Если у вас еще нет учетной записи Office 365, вы можете получить пробную версию Office 365 уже сегодня.
Для тестирования и отладки приложений SharePoint нам необходимо иметь коллекцию веб-сайтов для разработчиков в Office 365. Перейдите на свой сайт SharePoint как администратора и выберите Администратор в ярлыке приложений.

В центре администрирования Office 365 щелкните Администратор/SharePoint.

На экране центра администрирования SharePoint выберите New/Private Site Collection.

Дайте сайту имя, выберите URL-адрес и убедитесь, что вы выбрали шаблон сайта как «Сайт разработчика».

После того, как вы его создали, теперь вы можете тестировать его из Visual Studio. Откройте Visual Studio 2013 и создайте новое приложение SharePoint.

В следующем диалоговом окне введите URL-адрес вашего сайта SharePoint, который вы создали ранее, и выберите переключатель с надписью «SharePoint-hosted».

Нажмите «Готово», и вы создали свое первое приложение для SharePoint 2013.

Примечание. После нажатия кнопки «Готово» будут запрошены учетные данные. Введите учетные данные своей учетной записи Office 365.

Visual Studio 2013 создает для вас проект приложения и открывает страницу Default.aspx.

Вы можете видеть, что в Default.aspx Visual Studio добавляет некоторые необходимые ссылки на файлы JavaScript. На данный момент нас интересует App.js.

JavaScript, написанный в App.js, прост, так как вы видите, что у нас есть переменные context и user, определенные как глобальные переменные, context будет содержать текущий клиентский контекст, в котором работает наше приложение, и user будет содержать текущий объект пользователя.
У нас есть готовая функция jQuery dom, которая вызывает метод getUserName() и отображает заголовок текущего пользователя в html-элементе с именем сообщение, указанном на странице Default.aspx.
Перейдите к Справочнику по JavaScript API для SharePoint 2013 для подробного изучения.

Как вы видите на изображении выше, у нас есть 4 папки, добавленные как модуль:

  • Контент [в основном содержит статический контент, такой как таблица стилей, используемая в нашем приложении].
  • Изображения [как следует из названия, содержит изображения, используемые в приложении].
  • Pages [будет содержать страницы, используемые в приложении].
  • Скрипты [хранит все скрипты, используемые в приложении].

Наряду с этим вы можете увидеть файл AppManifest.xml, в котором содержится информация о приложении для SharePoint, откройте его.

Здесь вы можете настроить некоторые параметры приложения, например, я изменил название приложения, вы можете изменить его на то, что вам нравится, вы также можете изменить имя приложения, но убедитесь, что оно не содержит пробелов. Вы можете изменить номер версии, значок приложения и стартовую страницу приложения. Стартовая страница — это то, что видят конечные пользователи при запуске вашего приложения.

Вы также можете установить разрешения для приложений, перейдя на вкладку «Разрешения», как видите, я установил разрешение на чтение веб-области. Чтобы протестировать/отладить приложение, нажмите F5, оно создаст приложение и развернет его на сайте SharePoint 2013. Введите свои учетные данные Office 365 в браузере, который Visual Studio 2013 открывает для отладки. SharePoint 2013 попросит вас доверять приложению, доверяйте ему! Чего же ты ждешь?

и вы увидите приложение, работающее в самом SharePoint с полной отрисовкой страницы.

При запуске приложения Visual Studio 2013 может иметь точки останова, которые вы установили в App.js, если нет, установите их, и Visual Studio будет ждать вас там. Сейчас я закончил, надеюсь, вам понравится. Я не могу представить, что можно создать с помощью Apps for SharePoint. Если у вас есть какие-либо вопросы или комментарии, пожалуйста, дайте мне знать, я буду рад ответить.

Первоначально опубликовано на www.shahnawazk.com 31 марта 2015 г.