1

语境


在我的公司,我负责开发仅适用于 PowerPoint 的 Content App 类型的加载项。 该加载项使用 ASP.NET MVC (4.5) 和 AngularJS (1.6.8)构建,可在 PowerPoint 客户端(版本 1811,内部版本 11029.20079)上无缝运行。

测试程序
Windows 10 64-bits
Chrome, v70.0.3538.110 (Official Build) (64-bit)
Adblocker disabled

Manifest used
这个清单通过了验证工具(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>

使用的办公室初始化

<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>

问题


再说一遍,插件可以在 PowerPoint 2016 客户端上无缝运行(版本见上文)。但是,在PowerPoint Online中,我遇到了一个问题:加载项的初始化

  1. 插入加载项或重新加载登录页面时显示不透明度,如下所示:加载项初始化

  2. 然后在 2 秒后出现此消息:“抱歉...我们无法启动插件,因为我们遇到了问题。请稍后再试或联系您的系统管理员。” 我从控制台得到的唯一消息如下:加载项初始化错误消息
    在此处输入图像描述

  3. 在这一点上,我算了1个初始化。当我点击“DÉMARRER”时,同样的事情发生了(第二次初始化)。然后,当我再次单击时(第三次初始化)。插件终于像在 PowerPoint 客户端上一样工作了。这是登录页面工作时的样子。 https://imgur.com/F9QNvvg

因此,在 Office Online 上,它只是第三次初始化,加载项它可以工作。我注意到所有主要浏览器在其最新版本中的行为大致相同。

问题


有什么我想念的吗?
我对任何建议持开放态度,我没有找到关于这个特定问题的任何解决方案。

4

1 回答 1

2

我做了什么来解决这个问题
好吧,我的错误是没有很好地理解 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。
于 2019-02-19T08:30:24.383 回答