单击功能区图标 excel 添加时，任务窗格未加载页面

Question

我正在使用带有 react 的 officeJS 来创建 excel 插件。我添加了带有几个功能区按钮的功能区选项卡，单击功能区按钮我想在任务窗格上显示特定页面。我参考Excel-shared-runtime-scenario

创建了功能区

PSB 是清单中的我的控件：

<CustomTab id="ShareTime">
<Group id="ServiceGroup">
    <Label resid="ServiceGroup.Label"/>
    <Icon>
        <bt:Image size="16" resid="Icon.16x16"/>
        <bt:Image size="32" resid="Icon.32x32"/>
        <bt:Image size="80" resid="Icon.80x80"/>
    </Icon>
    <Control xsi:type="Button" id="BtnLoginService">
        <Label resid="BtnLoginService.Label" />
        <Supertip>
            <!-- ToolTip title. resid must point to a ShortString resource. -->
            <Title resid="BtnLoginService.Label" />
            <!-- ToolTip description. resid must point to a LongString resource. -->
            <Description resid="BtnLoginService.Tooltip" />
        </Supertip>
        <Icon>
            <bt:Image size="16" resid="Icon.16x16"/>
            <bt:Image size="32" resid="Icon.32x32"/>
            <bt:Image size="80" resid="Icon.80x80"/>
        </Icon>
        <!-- This is what happens when the command is triggered (E.g. click on the Ribbon). Supported actions are ExecuteFunction or ShowTaskpane. -->
        <Action xsi:type="ExecuteFunction">
            <FunctionName>btnloginservice</FunctionName>
        </Action>
    </Control>
    <Control xsi:type="Button" id="BtnLogoutService">
        <Label resid="BtnLogoutService.Label" />
        <Supertip>
            <!-- ToolTip title. resid must point to a ShortString resource. -->
            <Title resid="BtnLogoutService.Label" />
            <!-- ToolTip description. resid must point to a LongString resource. -->
            <Description resid="BtnLogoutService.Tooltip" />
        </Supertip>
        <Icon>
            <bt:Image size="16" resid="SignOutButton.Icon"/>
            <bt:Image size="32" resid="SignOutButton.Icon"/>
            <bt:Image size="80" resid="SignOutButton.Icon"/>
        </Icon>
        <!-- This is what happens when the command is triggered (E.g. click on the Ribbon). Supported actions are ExecuteFunction or ShowTaskpane. -->
        <Action xsi:type="ExecuteFunction">
            <FunctionName>btnlogoutservice</FunctionName>
        </Action>
        <Enabled>false</Enabled>
    </Control>
    <Control xsi:type="Button" id="BtnHomeService">
        <Label resid="BtnHomeService.Label" />
        <Supertip>
            <!-- ToolTip title. resid must point to a ShortString resource. -->
            <Title resid="BtnHomeService.Label" />
            <!-- ToolTip description. resid must point to a LongString resource. -->
            <Description resid="BtnHomeService.Tooltip" />
        </Supertip>
        <Icon>
            <bt:Image size="16" resid="Icon.16x16"/>
            <bt:Image size="32" resid="Icon.32x32"/>
            <bt:Image size="80" resid="Icon.80x80"/>
        </Icon>
        <!-- This is what happens when the command is triggered (E.g. click on the Ribbon). Supported actions are ExecuteFunction or ShowTaskpane. -->
        <Action xsi:type="ExecuteFunction">
            <FunctionName>btnhomeservice</FunctionName>
        </Action>
        <Enabled>false</Enabled>
    </Control>                          
</Group>

以下是我的 command.js 文件，其中包含全局可用的功能：

    import {
    SetRuntimeVisibleHelper,
    updateRibbon,
    signInFromRibbonO365,
    signOutO365FromRibbon,
} from 'utils/excelUtils/office-apis-helpers';
import { createHashHistory } from 'history';

export function getGlobal() {
    console.log('init globals for command buttons');
    if (typeof window !== 'undefined') {
        return window;
    }
    if (typeof global !== 'undefined') {
        return global;
    }
    return undefined;
}

const g = getGlobal();

export function btnloginservice(event) {
    const appHistory = createHashHistory();
    SetRuntimeVisibleHelper(true);
    // appHistory.replace('/login');
    // appHistory.push('/login');
    const port = window.location.port ? `:${window.location.port}` : '';
    const root = `${window.location.protocol}//${window.location.hostname}${port}`;
    console.log('path=', `${root}/#/login`);
    window.location.href = `${root}/#/login`;
    // signInFromRibbonO365();
    event.completed();
}

export function btnlogoutservice(event) {
    const appHistory = createHashHistory();
    console.log('Open logout dialog');
    // signOutO365FromRibbon();
    appHistory.push('/logout');
    event.completed();
}

export function btnhomeservice(event) {
    const appHistory = createHashHistory();
    SetRuntimeVisibleHelper(true);
    // history.push('/');
    appHistory.replace('/');
    event.completed();
}

export function btnfeedbackservice(event) {
    const appHistory = createHashHistory();
    SetRuntimeVisibleHelper(true);
    window.open(
        'https://facebook.com',
        '_blank',
    );
    appHistory.push('/feedback');
    event.completed();
}

// the add-in command functions need to be available in global scope
g.btnloginservice = btnloginservice;
g.btnlogoutservice = btnlogoutservice;
g.btnhomeservice = btnhomeservice;
g.btnfeedbackservice = btnfeedbackservice;

当我在本地使用 localhost 在在线和桌面 excel 上运行代码时，这可以正常工作，启用/禁用功能区操作也可以正常工作。

但是当我在天蓝色云上部署应用程序时，相同的代码不适用于桌面 excel（办公室在线 excel 工作）。单击功能区登录菜单后，它不会将页面重定向到任务窗格。它没有重定向到给定的路径。

请帮助实现从功能区单击时调用的命令函数的重定向。或提出正确的实施方法

想要在功能区操作的任务窗格上重定向页面。

第一次点击功能区菜单来加载和执行该操作的命令功能也需要一些时间，知道如何提高功能区菜单点击的性能

Answer 1

如果您想通过按钮单击或某些操作向用户显示任何网页，请尝试使用window.open('https://anysite.dom')。如果您的清单中将域列入白名单，这应该可以工作。