Может ли кто-нибудь помочь мне в разработке надстройки Office 365 для Outlook(веб-приложение и рабочий стол)

Question

Я хотел бы разработать почтовую надстройку Office 365 (приложение для чтения) для веб-клиентов Outlook и других клиентов. Я хочу кратко начать с примера, предоставленного на сайте http://napacloudapp.com/, который работает нормально, как и ожидалось.

Но я бы хотел разместить уже разработанный SPA с небольшими изменениями, которые я сделал и разместил, настроив файл метаданных.

Как я знаю, все доступные шаблоны SPA используют некоторый плагин маршрутизации, который отвечает за изменение маршрута, и приложение будет загружать представление на основе маршрута, доступного в url (за которым следует символ "#" по умолчанию в url)

Но когда я нажал на навигационную ссылку, чтобы изменить местоположение хэша и загрузить новый контент на основе измененного маршрута, он не работал, потому что запрошенный маршрут был сформирован неправильно, потому что в веб-приложении outlook наше приложение загружается в iframe & iframe src содержит # в URL, который вызывает неправильное формирование URL. Iframe отображается в веб-приложении Outlook следующим образом

<iframe id="ocii1" width="100%" height="100%" frameborder="0" title="App for Office" sandbox="allow-scripts allow-forms allow-same-origin ms-allow-popups allow-popups" name="_xdm_0__ocii141675079_65831848_1436538340692" src="https://localhost:44301/Index.html?et=&amp;_host_Info=Outlook|Web|16.00#&amp;_xdm_Info=52741ef1_5cb5874_1436538340692|ocii1|https://outlook.office365.com/owa/?realm=mycompany.com#path=/mail"></iframe>

Кто-нибудь может мне помочь в этом?

Answer 1

Наконец-то нашли обходной путь для этого, создайте промежуточную страницу и настройте ее как начальную страницу в метаданных, а затем перейдите к месту назначения. Добавлен следующий код на промежуточную страницу.

Office.initialize = function (reason) {
    $(document).ready(function () {
        location.href = "https://localhost/mailApp";
    });
};

Это решит дополнительную проблему "#" в src почтового приложения iframe, заменив полный src на " https://localhost/mailApp".

Answer 2

Не рекомендуется использовать фреймы в офисных надстройках. используйте html/css/js, чтобы заполнить содержимое стандартного веб-приложения в проекте надстройки Office.

надеюсь это поможет.