Я уже разработал веб-плагин для Outlook, и он также работает в MS Desktop Outlook (совместим с IE11). Сейчас я пытаюсь заставить свой плагин работать для родных приложений для смартфонов, и моей первой целью является версия MS Outlook для Android.
Пока мне удалось показать кнопку плагина в сообщении электронной почты. Когда я нажал на нее, я получил пустой экран. Я решил лишить весь плагин до минимума, необходимого для работы, но у меня все тот же пустой экран.
Так вот, все мои источники ограничены тем, что я считаю необходимым. Моя цель - показать простой div прямо сейчас. Плагин в комплекте с веб-пакетом, который переносит код и добавляет отсутствующую ссылку на index.js
index.js
Office.initialize = (reason) => {}; // that's all in here
index2.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The HTML5 Herald</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<script type="text/javascript" src="https://appsforoffice.microsoft.com/lib/1.1/hosted/office.debug.js"></script>
<link rel="stylesheet" href="node_modules/office-ui-fabric-js/dist/css/fabric.min.css" />
<link rel="stylesheet" href="node_modules/office-ui-fabric-js/dist/css/fabric.components.css" />
</head>
<body>
<h1>Opa</h1>
<script type="text/javascript" src="node_modules/office-ui-fabric-js/dist/js/fabric.js"></script>
</body>
</html>
И plugin-staging.xml
<OfficeApp
....something that is working and not important for mobile....
<VersionOverrides xmlns="http://schemas.microsoft.com/office/mailappversionoverrides/1.1" xsi:type="VersionOverridesV1_1">
<Requirements>
<bt:Sets DefaultMinVersion="1.6">
<bt:Set Name="Mailbox" />
</bt:Sets>
</Requirements>
<Hosts>
<Host xsi:type="MailHost">
<DesktopFormFactor>
... working ...
</DesktopFormFactor>
<MobileFormFactor>
<FunctionFile resid="functionFile" />
<ExtensionPoint xsi:type="MobileMessageReadCommandSurface">
<Group id="mobileMsgRead">
<Label resid="groupLabel" />
<Control xsi:type="MobileButton" id="mblTaskPane">
<Label resid="paneReadButtonLabel" />
<Icon xsi:type="bt:MobileIconList">
<bt:Image size="25" scale="1" resid="icon32" />
<bt:Image size="25" scale="2" resid="icon32" />
<bt:Image size="25" scale="3" resid="icon32" />
<bt:Image size="32" scale="1" resid="icon32" />
<bt:Image size="32" scale="2" resid="icon32" />
<bt:Image size="32" scale="3" resid="icon32" />
<bt:Image size="48" scale="1" resid="icon32" />
<bt:Image size="48" scale="2" resid="icon32" />
<bt:Image size="48" scale="3" resid="icon32" />
</Icon>
<Action xsi:type="ShowTaskpane">
<SourceLocation resid="messageMobileReadTaskPaneUrl" />
</Action>
</Control>
</Group>
</ExtensionPoint>
</MobileFormFactor>
</Host>
</Hosts>
<Resources>
<bt:Images>
<bt:Image id="icon16" DefaultValue="https://example.com/outlook_staging/assets/staging-16.png"/>
<bt:Image id="icon32" DefaultValue="https://example.com/outlook_staging/assets/staging-32.png"/>
<bt:Image id="icon80" DefaultValue="https://example.com/outlook_staging/assets/staging-80.png"/>
</bt:Images>
<bt:Urls>
<bt:Url id="functionFile" DefaultValue="https://example.com/outlook_staging/function-file/function-file.html"/>
<bt:Url id="messageReadTaskPaneUrl" DefaultValue="https://example.com/outlook_staging/index2.html"/>
<bt:Url id="messageMobileReadTaskPaneUrl" DefaultValue="https://example.com/outlook_staging/index2.html"/>
</bt:Urls>
<bt:ShortStrings>
<bt:String id="groupLabel" DefaultValue="Software"/>
<bt:String id="customTabLabel" DefaultValue="Software"/>
<bt:String id="paneReadButtonLabel" DefaultValue="Staging"/>
<bt:String id="paneReadSuperTipTitle" DefaultValue="Staging"/>
</bt:ShortStrings>
<bt:LongStrings>
<bt:String id="paneReadSuperTipDescription" DefaultValue="Test production build in staging environment."/>
</bt:LongStrings>
</Resources>
</VersionOverrides>
</VersionOverrides>
</OfficeApp>
Итак, что я делаю не так?
Также будет полезна помощь, если я найду небольшой пример проекта, который действительно работает на мобильном телефоне, если таковой имеется в Интернете.
====== EDIT =====
На данный момент я очень сильно подозреваю, что что-то в манифесте с иконками идет вверху списка. Пока ни одна из моих иконок не хочет показываться в плагине. Что может быть возможной причиной. Я могу перемещаться по всем их URL через веб-браузер. У меня также есть собственный favicon.ico на сайте.