angularjs - 使用 Office 365 API AngularJS 打开文档文件

Question

我有一个 AngularJS 单页 Web 应用程序。我有一台存储 .doc、.docx 等文档的服务器。我想要做的是下载这些文档(这个，我可以做到)并以某种方式将它们交给 Office 365，然后打开它在(!)我的内部进行编辑网络应用程序。例如，在 div 元素或类似的元素中。

有什么方法可以实现这个或类似的效果吗？基本上我的目标是能够使用 Office 365 环境在我的应用程序中编辑 Office 文档。

我感谢任何帮助，并提前感谢您。

Answer 1

只是为了了解完整的故事。我自己对此进行了研究。实际上，还有更多选择可以做到这一点。

首先，如果您想在没有用户身份验证的情况下尽快打开它，那么您的文档需要一个可公开访问的链接。然后你可以放入一个iframe并打开文档，如here所示.

确保文档链接在 iframe 的 src 中进行 URL 编码，并确保您的文档可通过默认的 http 端口(即 80 端口)访问!我浪费了 2 天的时间，因为我有一个托管在 8088 端口上的链接，但它无法处理它。如果微软的人读到了它，那么我想表达它是多么烦人，而且我找不到任何关于此的文档。

第二个选择是通过 Microsoft Graph API 上传文档(我建议使用统一 API)。在这种情况下，您还必须处理用户身份验证。或者你必须等到微软完成服务对服务API的调用、支持。因为到目前为止，它还不支持文件操作。

如果您选择此解决方案，则需要一些有关打开文档的信息。对于 src，如果您在 Office 365 中创建新文档，然后转到"file"/“共享”/“嵌入”，则可以找到基础。然后，会有一个 iframe 供您嵌入文档。如果您将 sourcedoc 参数更改为要打开的项目的 eTAG(但我认为 id 也不错)，那么它应该打开该文档。您也可以对 Word、Excel 和 Powerpoint 使用相同的链接，但不要忘记 Office 365 无法打开 pdf 文件或图像。你必须为此找到其他解决方案。 (就像 pdf 的 object (要小心这一点，因为 Edge 不支持对象的动态数据)，以及图像的 img )。从这里，您可以在 UI 上的某个位置放置一个按钮，供用户在 Office 365 中打开文档，这样他/她就可以对其进行编辑，然后在他/她完成后，您可以将其同步回您的服务器，也许从 Office 365 中删除该文件。我真的建议您在服务器端执行此操作，因为否则在较弱的设备上会很慢。

您可以找到 Microsoft(统一)Graph API here 的文档