Question

我已经开发了用于Web的Outlook Web插件，它也可以在MS Desktop Outlook（兼容IE11）中使用。现在，我正在尝试使我的插件适用于本机智能手机应用程序，而我的第一个目标是MS Outlook Android版本。

到目前为止，我设法在电子邮件中显示插件按钮。当我单击它时，我收到一个空白屏幕。我决定将整个插件剥离到工作所需的最低限度，但最终还是出现了相同的空白屏幕。

因此，这里的所有资料都限于我认为需要的内容。我的目的是现在显示一个简单的div。该插件与webpack捆绑在一起，可打包代码并将缺少的引用添加到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>

那么，我在做什么错？

如果我能找到一个实际在移动设备上工作的小型示例项目，并且互联网上有任何项目，那么也会很有帮助。

======编辑===== 我目前非常怀疑的是清单中带有图标的东西在列表的顶部。现在，我的图标都不想显示在插件中。可能是什么原因。我可以通过网络浏览器浏览所有网址。我在网站上也有一个适当的favicon.ico。

本地android应用中的Outlook Mobile插件上的清单文件故障。怀疑的图标

0 个答案: