adobe experience manager aem cq5 setup with eclipse

16
Adobe Experience Manager CQ5 Setup with Eclipse NextRow Inc  http://www.nextrow.com/

Upload: nextrow

Post on 02-Jun-2018

228 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 1/16

Adobe Experience Mana

CQ5 Setup with Eclipse

NextRow Inc   http://ww

Page 2: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 2/16

Below are the steps to set up workspace and

development of CQ5 components in Eclips

Prerequisites:

• CQ5 installation

File Vault (VLT)• Eclipse

• Apache Maven

NextRow Inc   http://ww

Page 3: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 3/16

Step 1

Create a project in CQ5 using CRXDE LITEUnder the /apps folder, create the nt:folder myA

Under the myApp folder, create the nt:folder co

Under the myApp folder, create the nt:folder tem

Under the myApp folder, create the nt:folder ins

Click save button after creating the above things

NextRow Inc   http://ww

Page 4: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 4/16

Step 2 - Installing File Vault (F

In our file system, go to <cq-installation-dir>/crx-quickstart/opt/filevault. The

available in both tgz and zip formats. Extract either of this two archives.

Add <cq-installation-dir>/crx-quickstart/opt/filevault/vault-cli-<version>/bin t

environment PATH so that the command files vlt or vlt.bat are accessed as ap

example, <cq-installation-dir>/crx-quickstart/opt/filevault/vault-cli-1.1.2/bin

Open a command line shell and execute vlt --help. Make sure it displays the f

screen:

NextRow Inc   http://ww

Page 5: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 5/16NextRow Inc   http://ww

Page 6: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 6/16

Step 3 Open eclipse by double clicking eclipse.exe

Create a new workspace for your project and name it myA

install maven plugin through eclipse market place

NextRow Inc   http://ww

Page 7: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 7/16

Ainsta

re

Ec

NextRow Inc   http://ww

Page 8: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 8/16

Step 4

In this section, we create two Maven projects: One cUI (after User Interface) which contains the CQ5 proj

structure with the JSP scripts and the other called Co

which contains the Java code (source and compiled).

The compiled code is stored in a jar file. The advantasuch a structure is that it adds modularity and auton

to the logic of your application because each jar file

(bundle) can be managed separately.

NextRow Inc   http://ww

Page 9: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 9/16

Follow the Below Steps:

In Eclipse, click File > New > Other.

In the dialog, select Maven > Maven Project and click Next.

Select the Create a simple project option and the Use default

Workspace location option, then click Next.

NextRow Inc   http://ww

Page 10: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 10/16

Specify the following property values for the M

 project, and accept the default values for all oth

 properties:

Group Id: com.day.cq5.myapp

Artifact Id: ui

Name: CQ5 MyApp UI

Description: This is the UI module

Click OK.

NextRow Inc   http://ww

Page 11: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 11/16

Now, create the filter.xml file that defines the co

that VLT exports:

In the Project Explorer view, in the ui/src/main folder

create the content folder.

Under content, create the META-INF folder.

Under META-INF, create the vault folder.

Under vault, create the filter.xml file.

NextRow Inc   http://ww

Page 12: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 12/16

Implementing Adobe Experience Manage

We can Help.Contact Us

+1-855-NEXT-ROW

[email protected]

www.nextrow.com

Page 13: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 13/16

<?xml version="1.0" encoding="UTF-8"?><!-- Defines which repository items are generally incl

<workspaceFilter version="1.0">

<filter root="/apps/myApp" />

<filter root="/etc/designs/myApp" />

</workspaceFilter>

In filter.xml, copy the following code to filte

Now, save filter.xml

NextRow Inc   http://ww

Page 14: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 14/16

Step 5:Use VLT to check out the CQ5 content into your ui project:

In the system command line, change the current directory to the following di

your Eclipse workspace: <eclipse>/<workspace>/myApp/ui/src/main/content

Execute the command: vlt --credentials admin:admin co http://localhost:450

This command creates the folder jcr_root under

<eclipse>/<workspace>/myApp/ui/src/main/content. This maps to the CRX ro

 jcr_root the following files and folders are created, as defined in filter.xml:

apps/myApp

etc/designs/myApp

It also creates two files, config.xml and settings.xml in

<eclipse>/<workspace>/myApp/ui/src/main/content/META-INF/vault. VLT us

files.

NextRow Inc   http://ww

Page 15: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 15/16

In the ui Eclipse project, create a link to the apps folde

you just checked out. This link enables your JSP scripts

reference the files.

Right-click ui, select New, and then Folder.

In the dialog box, click Advanced and select Link to alte

location.

Click Browse, specify

<eclipse>/<workspace>/myApp/ui/src/main/content/j

apps, and then click OK.

Click Finish.

NextRow Inc   http://ww

Page 16: Adobe Experience Manager AEM CQ5 Setup With Eclipse

8/10/2019 Adobe Experience Manager AEM CQ5 Setup With Eclipse

http://slidepdf.com/reader/full/adobe-experience-manager-aem-cq5-setup-with-eclipse 16/16

If you need help with CQ setup or

development, reach me @

Kedarnath Varadi

[email protected]

www.NextRow.com