创建自定义Cloud Service creating-a-custom-cloud-service

在CRXDE Lite中，在 /apps：

• 名称：acs
• 类型：nt:folder

在下创建节点 /apps/acs：

• 名称：analytics
• 类型：sling:Folder

在下创建两个节点 /apps/acs/analytics：

• 名称：组件
• 类型：sling:Folder

和

• 名称：模板
• 类型：sling:Folder

右键单击 /apps/acs/analytics/components. 选择 创建…… 后接 创建组件…… 打开的对话框允许您指定：

• 标签： googleanalyticspage
• 标题： Google Analytics Page
• 超级类型： cq/cloudserviceconfigs/components/configpage
• 组： .hidden

单击 下一个 两次，并指定：

• 允许的父项： acs/analytics/templates/googleanalytics

单击 下一个 两次，然后单击 确定.

添加属性到 googleanalyticspage：

• 名称： cq:defaultView
• 值： html

创建名为的文件 content.jsp 下 /apps/acs/analytics/components/googleanalyticspage，包含以下内容：

<%@page contentType="text/html"
            pageEncoding="utf-8"%><%
%><%@include file="/libs/foundation/global.jsp"%><div>

<div>
    <h3>Google Analytics Settings</h3>
    <ul>
        <li><div class="li-bullet"><strong>accountID: </strong><br><%= xssAPI.encodeForHTML(properties.get("accountID", "")) %></div></li>
    </ul>
</div>

在下创建节点 /apps/acs/analytics/components/googleanalyticspage/：

• 名称：dialog

• 类型：cq:Dialog

• 属性：

  • 名称：title
  • 类型：String
  • 值：Google Analytics Config
  • 名称：xtype
  • 类型：String
  • 值：dialog

在下创建节点 /apps/acs/analytics/components/googleanalyticspage/dialog：

• 名称：items

• 类型：cq:Widget

• 属性：

  • 名称：xtype
  • 类型：String
  • 值：tabpanel

在下创建节点 /apps/acs/analytics/components/googleanalyticspage/dialog/items：

• 名称：items
• 类型：cq:WidgetCollection

在下创建节点 /apps/acs/analytics/components/googleanalyticspage/dialog/items/items：

• 名称：tab1

• 类型：cq:Panel

• 属性：

  • 名称：title
  • 类型：String
  • 值：Config

在下创建节点 /apps/acs/analytics/components/googleanalyticspage/dialog/items/items/tab1：

• 名称：项目

• 类型：nt:unstructured

• 属性：

  • 名称：fieldLabel

  • 类型：字符串

  • 值：帐户ID

  • 名称：fieldDescription

  • 类型：String

  • 值：The account ID assigned by Google. Usually in the form UA-NNNNNN-N

  • 名称：name

  • 类型：String

  • 值：./accountID

  • 名称：validateOnBlur

  • 类型：String

  • 值：true

  • 名称：xtype

  • 类型：String

  • 值：textfield

复制 /libs/cq/cloudserviceconfigs/components/configpage/body.jsp 到 /apps/acs/analytics/components/googleanalyticspage/body.jsp 和更改 libs 到 apps 第34行并使第79行的脚本引用成为完全限定的路径。

在下创建模板 /apps/acs/analytics/templates/：

• 替换为 资源类型 = acs/analytics/components/googleanalyticspage
• 替换为 标签 = googleanalytics
• 替换为 标题= Google Analytics Configuration
• 替换为 允许路径 = /etc/cloudservices/googleanalytics(/.*)?
• 替换为 allowedChildren = /apps/acs/analytics/templates/googleanalytics
• 替换为 sling：resourceSuperType = cq/cloudserviceconfigs/templates/configpage （在模板节点上，而不是jcr：content节点）
• 替换为 cq：designPath = /etc/designs/cloudservices/googleanalytics （在jcr：content上）

创建组件： /apps/acs/analytics/components/googleanalytics.

将以下内容添加到 googleanalytics.jsp：

<%@page import="org.apache.sling.api.resource.Resource,
                org.apache.sling.api.resource.ValueMap,
                org.apache.sling.api.resource.ResourceUtil,
                com.day.cq.wcm.webservicesupport.Configuration,
                com.day.cq.wcm.webservicesupport.ConfigurationManager" %>
<%@include file="/libs/foundation/global.jsp" %><%

String[] services = pageProperties.getInherited("cq:cloudserviceconfigs", new String[]{});
ConfigurationManager cfgMgr = resource.getResourceResolver().adaptTo(ConfigurationManager.class);
if(cfgMgr != null) {
    String accountID = null;
    Configuration cfg = cfgMgr.getConfiguration("googleanalytics", services);
    if(cfg != null) {
        accountID = cfg.get("accountID", null);
    }

    if(accountID != null) {
    %>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '<%= accountID %>']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script><%
    }
}
%>

这应该会根据配置属性输出自定义标记。

导航到 http://localhost:4502/miscadmin#/etc/cloudservices 并创建页面：

• 标题： Google Analytics
• 名称：googleanalytics

返回CRXDE Lite，在 /etc/cloudservices/googleanalytics，添加以下属性到 jcr:content：

• 名称：componentReference
• 类型：String
• 值：acs/analytics/components/googleanalytics

导航到新创建的服务页面( http://localhost:4502/etc/cloudservices/googleanalytics.html)，然后单击 + 要创建配置，请执行以下操作：

• 父配置： /etc/cloudservices/googleanalytics
• 标题： My First GA Config

选择 Google Analytics配置 并单击 创建.

输入 帐户ID ​例如， AA-11111111-1. 单击​ 确定。

导航到页面，并在页面属性中添加 Cloud Service 选项卡。

页面中将会添加自定义标记。