Oracle OAC分析云可视化项目嵌入网页

1. OAC简介

Oracle Analytics Cloud empowers business analysts and consumers with modern, AI-powered, self-service analytics capabilities for data preparation, visualization, enterprise reporting, augmented analysis, and natural language processing/generation.

OAC(Oracle analytic Cloud，甲骨文分析云)，就是甲骨文最新云版数据可视化和数据分析工具。
更多OAC知识请移步OAC文档。

数据可视化界面

2. 为什么要嵌入OAC分析结果到自己网页中？

客户需要，哈哈，关键是领导不喜欢登录Oracle OAC然后看数据啊，比如说就想在大屏幕上看看，多么朴实的需求啊。

3. 简单明了的步骤

话说看着简单，文档略坑爹，踩坑无数，才OK的啦。

3.1 进入OAC项目中

点击右上角那个菜单按钮，选择开发计划

选择开发计划

查看嵌入tab可以看到很简单明了啊，在页面中加入js和元素，就OK。首先，记得把<embeddingMode>修改为standalone，因为除了Oracle公司，一般都不会用jet吧。

嵌入，记得替换

3.2 自己建一个测试html页面，装载在tomcat中

页面内容如下：

<!DOCTYPE html>
<html dir="ltr">
<head>
  <title>OAC Embedding Test</title>
  <meta charset="utf-8">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  
</head>
<body> 
<div style="height: 90%; width: 90%; position: absolute;">
        <oracle-dv project-path="/@Catalog/users/xin.p.li@oracle.com/kianDemo" />
</div>

</body>
<script type="application/javascript" src="https://ocinternaltest02-ocichina001.analytics.ocp.oraclecloud.com/dv/ui/api/v1/plugins/embedding/standalone/embedding.js">
</script>
<script>
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
</script>
</html>

值得注意的是需要用requirejs引入相关模块，这里requirejs不需要我们引入，它是包含在embedding.js中的。详情参见Embed Visualizations in Web Pages When the Embedding Application Doesn’t Use Oracle JET

<script>
requirejs(['knockout', 'ojs/ojcore', 'ojs/ojknockout', 'ojs/ojcomposite', 'jet-composites/oracle-dv/loader'], function(ko) {
    ko.applyBindings();
});
</script>