无法从 Microsoft Office JavaScript 加载项向 Trello 进行身份验证

Question

我正在使用 Office JavaScript API 编写 Office 加载项。我正在使用 Visual Studio.

中的默认脚手架

我想连接到 Trello，所以要做的第一件事就是进行身份验证。我正在使用 Trello 提供的 client.js 包装器（包括我的密钥）。

我成功地在弹出窗口中获得了 Trello 对话框，并且我看到我从 Trello 得到了回复，它试图 post 向开启者 window 返回一条消息，但我从来没有在 opener window.

中获取回调

更新：Office 加载项自动使用 Windows 上的 IE 版本，在本例中为 IE11。这可能是我的问题的原因。 (postMessage still broken on IE11?)

更新 2：来自 Trello 的关于如何验证和列出卡片的示例。适用于 Chrome 和 Firefox，但 IE 11 和 EDGE 已损坏。 (http://jsfiddle.net/danlec/nNesx/).

关于如何向 Trello 进行身份验证而不是使用 client.js 的任何想法？

来自 Trello 的回复：

<html><head><script> if(window.opener) { window.opener.postMessage("435b83db5a8f260acdccd4a33b617b4e5daaed3cc2eefcb7ffdbbb0975ba00fa", "https://localhost:44300") } </script></head></html>

来自项目的

Home.html 和 Home.js 代码。

/// <reference path="../App.js" />
/// <reference path=
(function () {
    "use strict";
    
    function onReady() {
        app.initialize();

        //$('#get-data-from-selection').click(getDataFromSelection);

        $('#get-data-from-trello').click(getDataFromTrello);

        $('#authenticate-with-trello').click(authenticateWithTrello);
    }

    // The initialize function must be run each time a new page is loaded
    Office.initialize = function (reason) {
        $(document).ready(onReady);
    };

    function authenticateWithTrello() {

        Trello.authorize(
            {
                type: 'popup',
                persist: true,
                success: function () {
                    app.showNotification('Successful authentication');
                },
                error: function () {
                    app.showNotification('Successful authentication');
                }
            }
            );

   }

    
    function getDataFromTrello() {
        Trello.get('/member/me/boards',
            function (successMsg) {
                app.showNotification(successMsg);
            },
            function (errorMsg) {
                app.showNotification(errorMsg.responseText);
            }
            );
    }




})();

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <title></title>
    <script src="../../Scripts/jquery-1.9.1.js" type="text/javascript"></script>

    <link href="../../Content/Office.css" rel="stylesheet" type="text/css" />
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js" type="text/javascript"></script>

    <!-- To enable offline debugging using a local reference to Office.js, use:                        -->
    <!-- <script src="../../Scripts/Office/MicrosoftAjax.js" type="text/javascript"></script>  -->
    <!-- <script src="../../Scripts/Office/1/office.js" type="text/javascript"></script>  -->

    <script src="https://trello.com/1/client.js?key=a0b60a9317bf763fc35e2dd42c19ecbc"></script>

    <link href="../App.css" rel="stylesheet" type="text/css" />
    <script src="../App.js" type="text/javascript"></script>

    <link href="Home.css" rel="stylesheet" type="text/css" />
    <script src="Home.js" type="text/javascript"></script>
</head>
<body>
    <div id="content-header">
        <div class="padding">
            <h1>Trello Integration</h1>
        </div>
    </div>
    <div id="content-main">
        <div class="padding">
            <p><strong>Add home screen content here.</strong></p>
            <p>For example:</p>
            <button id="authenticate-with-trello">Authenticate with trello</button>
            <button id="get-data-from-trello">Get data from trello</button>

            <p style="margin-top: 50px;">
                <a target="_blank" href="https://go.microsoft.com/fwlink/?LinkId=276812">Find more samples online...</a>
            </p>
        </div>
    </div>

</body>
</html>

Answer 1

是的，IE不支持跨域，跨windowpost留言

Trello 身份验证支持重定向。在最初尝试使用重定向时，它打开了一个新的 window，直到我意识到您需要在 Office 加载项清单中声明您的域，以便它显示在嵌入式 window 中。

现在可以了。有关详细信息，请参阅此 post (http://tritiumconsulting.com/2016/04/01/authenticate-to-trello-in-ms-office-javascript-add-in/)

无法从 Microsoft Office JavaScript 加载项向 Trello 进行身份验证

Unable to authenticate to Trello from Microsoft Office JavaScript Add-in

javascript

ms-office

office365

trello

office-js