PowerPoint加载项仅在Office Online上进行第三次初始化后才能运行

Question

Context

---

在我的公司，我负责为PowerPoint开发类型内容应用程序的加载项。该加载项使用ASP.NET MVC（4.5）和AngularJS（1.6.8）构建，可在PowerPoint客户端（版本1811，Build 11029.20079）上无缝工作。

测试程序 Windows 10 64位 Chrome，v70.0.3538.110（官方版）（64位） Adblocker已停用

使用清单 该清单通过了验证工具（https://www.npmjs.com/package/office-addin-validator）。

<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance" xsi:type="ContentApp">
  <Id>xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</Id>
  <Version>1.0.0.0</Version>
  <ProviderName>My Company</ProviderName>
  <DefaultLocale>en-US</DefaultLocale>
  <DisplayName DefaultValue="Office Add-in name" />
  <Description DefaultValue="Office Add-in description." />
  <IconUrl DefaultValue="https://my-company.com/PluginLogo32.png" />
  <HighResolutionIconUrl DefaultValue="https://my-company.com/PluginLogo64.png" />
  <SupportUrl DefaultValue="https://my-company.com/support/" />
  <AppDomains>
    <AppDomain>my-company.com</AppDomain>
  </AppDomains>
  <Hosts>
    <Host Name="Presentation" />
  </Hosts>
  <Requirements>
    <Sets DefaultMinVersion="1.1">
      <Set Name="Settings" />
    </Sets>
    <Methods>
      <Method Name="Settings.get" />
      <Method Name="Settings.set" />
      <Method Name="Settings.remove" />
      <Method Name="Settings.saveAsync" />
    </Methods>
  </Requirements>
  <DefaultSettings>
    <SourceLocation DefaultValue="https://my-company.com/plugin" />
    <RequestedWidth>800</RequestedWidth>
    <RequestedHeight>600</RequestedHeight>
  </DefaultSettings>
  <Permissions>ReadWriteDocument</Permissions>
  <AllowSnapshot>true</AllowSnapshot>
</OfficeApp>

使用Office初始化

<script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js" type="text/javascript"></script>
<script type="text/javascript">

    var init = function () {
        App.tags = @Html.Raw(WorkContext.ActivPortalUserEntity.GetUserTagsAsJson());
        App.languages = @Html.Raw(LocalizationManager.GetPortalJsonScript());
        App.AP_URL = '@WorkContext.Uri';
        App.V_KEY_FORM = '@AntiforgeryHelper.GetTokenName()';
        App.V_VALUE_FORM = '@AntiforgeryHelper.GetToken()';
        App.LabelURLSuffix = '';
        App.URLSuffix = '@Model.TemplateDocument.URLSuffix';
        App.IsDefaultUser = @Json.Encode(WorkContext.ActivPortalUserEntity.IsDefaultUser);
        App.DashboardParametersQueryString = '@Html.Raw(Model.RenderContext.Request.GetParametersAsQuerystring())';
        App.DashboardFilters = @Html.Raw(@JsonConvert.SerializeObject(Model.RenderContext.Request.GlobalCriteriaObjects));
        App.ZoomFilters = @Html.Raw(@JsonConvert.SerializeObject(Model.RenderContext.Request.GlobalCriteriaIndexes));
        App.WebPartFormatUseCorner = true;
        App.DeportedToggleView = true;
        App.ToggleViewMode = 'accordion';
        App.searchPlaceHolderText = "@Resource("L_appSearchPlaceHolder_Text", "Portal")";
        App.viewType = '';
        App.documentRepository = '@ApplicationConfigService.ActivPortalServerConfig.DocumentsRepository';
        App.WPAllowIconsHide = false;
        App.Language = '@WorkContext.UserLanguage';
        App.searchURL = [];
        App.EditMode = false;
        App.EditContentMode = false;
        App.CATALOG_PROXY = '@WorkContext.Uri' + 'Portal/CatalogProvider';
        App.RENDER_URL = '@WorkContext.Uri' + 'Portal/Render';
        App.CHOICE_PROXY = '@WorkContext.Uri' + 'Portal/Render/TemplateRequest';
        App.POST_TEMPLATE_PROXY = '@WorkContext.Uri' + 'Portal/Render/TemplateRequest';
        App.moduleScripts = @Html.Raw(JsonConvert.SerializeObject(Model.GetPageScripts()));
        App.moduleStylesSheets = @Html.Raw(@JsonConvert.SerializeObject(Model.GetPageStyles()));
        App.angularClientContext = @Html.Raw(@Html.GetJsonClientContext());

        App.scriptDebug = (typeof App.scriptDebug == undefined) ? false : App.scriptDebug;
        App.ScriptsManager = new Activportal.UI.Resources({ scriptDebug: App.scriptDebug });
        App.StylesManager = new Activportal.UI.Resources();

        //Localization
        MinimizeTip_Text = "@Resource("L_Minimize_Text", "Portal")";
        ExpandTip_Text = "@Resource("L_Maximize_Text", "Portal")";
        ErrorUpdatingPart_Text = "@Resource("L_InvalidURL_Text", "Portal")";
        ConfirmRemoveGlobalFilter_Text = "@Resource("L_ConfirmRemoveGlobalFilter_Text", "Portal")";
        WaitMessage_Text = "@Resource("L_WaitMessage_Text", "Portal")";
        SessionEnd_Text = "@Resource("L_SessionEndMessage_Text", "Portal")";

        window.addEvent('domready', function () {
            App.isDashboardLoaded();
            App.Start();
        });
    };

    try {
        if (Office) {
            Office.initialize = init;
        }
        else {
            console.log("Office.js is missing.");
            if (!window.external.GetContext) {
                init();
            }
        }
    } catch (e) {
        console.log(e);
    }
</script>

Problem

---

只是重复一遍，该插件可以在PowerPoint 2016客户端上无缝工作（参见上面的版本）。但是，在PowerPoint Online中我遇到了一个问题：加载项的初始化。

1. 插入加载项或重新加载登录页面时，将显示不透明度，如下所示：
2. 然后在2秒后出现此消息：“抱歉......我们无法启动加载项，因为我们遇到了问题。请稍后再试或联系您的系统管理员。” 我从控制台获得的唯一消息是：
3. 此时，我计算1初始化。当我点击“DÉMARRER”时，会发生同样的事情（第二次初始化）。然后，当我再次点击（第三个init）。加载项最终像在PowerPoint客户端上一样工作。这是登录页面工作时的样子。 https://imgur.com/F9QNvvg

因此，在Office Online上，它只是第三次初始化，它可以使用加载项。我注意到他们上一版本中所有主要浏览器的行为大致相同。

Question

---

有什么我想念的吗？ 我对任何建议持开放态度，我没有找到任何解决方案。

Answer 1

我做了什么来解决这个问题 好吧，我的错误就是不清楚Office.js是如何工作的。

在我的登录页面中 - 我添加了脚本Office.js。 - 我初始化脚本。

if (Office) {
   if (Office.context === undefined) {
      Office.onReady(function () { });
   }
}

在我的主页面中 - 我改变了初始化脚本的方法。

if (Office) {
   if (Office.context === undefined) {
      Office.onReady(function () { });
   }
}

结论 Office.js似乎必须出现在应用程序的第一页中。并在每个使用Office API的页面中。

此外，最好使用Office.onReady（）而不是Office.initialize（）。

注意事项：

• 我不得不联系微软找出这个解决方案。 文档不是那么明显，也许？
• 我在控制台中仍然有一些错误，但我可以毫无问题地使用加载项和API。