与BW/4HANA的连接是否已设置？内容是否有组织？你的用户大量使用SAC？然后是时候进一步整合SAC在您的景观！SAC有一些不错的、功能丰富的集成选项，允许您将SAC嵌入到其他基于HTML5的服务/应用中。我将带你通过一个简短而清晰的指南如何做到这一点！

您将了解：

如何使用SAP云平台门户服务SAC嵌入/集成API的可能性构建一个简单的HTML5门户，它集成了您的一些SAC故事

让我首先向您展示我们想要实现的目标。我们希望通过使用门户服务创建一个简单的基于SAP云平台的网站。在这个网站上，我们将嵌入一个SAC的故事，其中显示了一些基本数据。SAC应用程序的外观和感觉将进行定制，以无缝集成到网站中。我们的最终结果应该是这样：

要将SAC嵌入到其他应用程序中，我们需要一些先决条件：

允许iframe嵌入到您的SAC租户中允许从SAC在浏览器中使用Cookie必须在您的身份提供程序（IdP）中禁用Clickjacking保护

以允许iframe嵌入转到SAC、系统、管理、应用程序集成。在Trusted Origins区域中，易淘客，选择allow all Origins或Add a Trusted Origins.

在Chrome中转到advanced settings（高级设置）、Privacy and Security（隐私和安全）、Content settings（内容设置），Cookies和addsapbusinessobjects.cloud文件.

点击劫持保护设置取决于您使用的IdP。请参阅所用IdP的文档。

转到SAC并创建一个故事：

添加响应页面：

通过单击工具栏中的图表图标添加图表。系统将提示您选择数据源。在本指南中，我们将仅使用BestRun\u演示数据集。

了解我们的果汁销售经理的表现会很有趣，虚拟主机，因此我们在生成器面板中选择一些度量和尺寸：

根据您的喜好调整设计并保存故事：

暂时保留故事，因为我们需要从故事中获得一些信息创建嵌入代码。

在HTML5网站中嵌入SAC故事需要iframe代码。那么我们如何创建这样的代码呢？iframe代码本身看起来是这样的：

Mozilla是一个很好的资源，可以了解更多关于iframe（和其他HTML5标记）的信息。去看看，看看你能调整什么！iframe基本上是一个加载另一个网站的框。在我们的例子中，我们希望加载SAC故事（这也只是一个网站）。

好的，所以我们有基本的iframe代码，但我们仍然缺少正确的URL。这就是SAC URL API发挥作用的地方。

它允许构造一个指向单个故事（或页面）的URL，云呢拿，并定制外观。具体来说，您可以：

更改显示模式：编辑、查看、嵌入（隐藏工具栏）隐藏页面栏（显示故事中所有页面的选项卡栏）打开故事中的特定页面应用多层过滤器应用模型变量（例如BW输入参数）

让我们保持简单，只嵌入我们创建的故事并隐藏工具栏。要实现这一点，必须创建故事的基本嵌入URL。请在查看SAC故事时复制浏览器地址栏的URL。例如：

https://mytenant.eu1.sapbusinessobjects.cloud/sap/fpa/ui/tenants/001/app.html#；view_id=story；storyId=DC72B85073ED4DGDE10000000A4E7468

在URL中可以找到一些有价值的信息。第一个突出的部分是租户。第二个是租户id，第三个是故事id。所有这些组件都是构建嵌入URL所必需的。现在将这三个信息复制到一个文本文件中。将以下URL复制并粘贴到另一个文件：

https:///sap/fpa/ui/tenants//bo/story/

将突出显示的占位符替换为SAC story URL中的信息。结果是这样的，大数据存储技术有哪些，例如：

https://mytenant.eu1.sapbusinessobjects.cloud/sap/fpa/ui/tenants/001/bo/story/DC72B85073ED4DGDE10000000A4E7468

太好了！这已经可以让我们嵌入故事。但是，人工智能是，让我们通过应用一些URL-API选项来隐藏工具栏，让它变得更好：

https://mytenant.eu1.sapbusinessobjects.cloud/sap/fpa/ui/tenants/001/bo/story/DC72B85073ED4DGDE10000000A4E7468？mode=embed&pageBar=disable

最后将URL复制到iframe模板中：

如果您想深入了解这些选项，关于URL API的文档非常有用。

现在就在SAC端。让我们继续使用门户服务将故事集成到自定义网站中。

转到https://cloudplatform.sap.com/点击开始免费试用：

您将看到一个简短的注册对话框。继续填写必填字段：

注册后，您将收到一封电子邮件，您必须在其中激活您的帐户：

前往https://account.hanatrial.ondemand.com在左侧选择Neo-Trial:

进入服务，在User Experience:

Enable the service（用户体验：

启用服务）部分搜索门户免费）：

几秒钟后，服务应激活。现在您可以通过点击进入服务：

进入门户服务，您将看到一个欢迎页面。点击新建网站：

选择网站名称，选择入门网站模板：

门户服务主要是所见即所得编辑器。我们现在需要将我们创建的SAC故事嵌入到iframe中。为此，将鼠标悬停在主要部分，然后按+图标：

这允许您添加一些内容。由于我们需要一个iframe，我们必须搜索HTML并选择HTML小部件：

小部件将被添加到您的网站。将鼠标悬停在小部件上（它有一些示例内容）并单击齿轮图标：

现在我们到了我们想要的地方！我们可以访问HTML源代码。你要做的唯一一件事就是粘贴你之前创建的iframe代码：

保存并发布网站（在标题工具栏中）：

选择发布并打开：

瞧，你已经在一个定制的HTML5网站中嵌入了一个SAC故事：

网站和SAC故事功能齐全，故事会对过滤器等做出反应。继续尝试通过选择一位销售经理并将他们与其他人进行比较来说明问题：

我希望您喜欢这个博客，它有助于您进一步提高SAP Analytics Cloud在公司中的使用率！