Sitecore Space - 사이트코어

2017년 10월 26일 목요일

Sitecore 9.0 새로운 기능 및 기술

저번 주에 라스베가스에서 열린 Sitecore Symposium 2017을 무사히 마치고 돌아왔며, 이번 Symposium에서 사이트코어는 Sitecore Experience Cloud 9.0 릴리즈 하였다.

개인적으로 이번 토론회는 처음 참석하는 것이므로 무엇보다 기대가 많았다. Sitecore MVP로써 Sitecore 9.0을 미리 시험할수 있었으며, MVP들의 피드백을 토대로 사이트코어는 새로운 SIF (Sitecore Installation Framework) 보완하는 계기도 되었다.

아래는 이번 Sitecore 9.0 에서 적용되는 새로운 중요 기술 및 기능들이며, 차후 각각 기술에 대한 상세한 설명을 포스트 할 예정이다.

xConnect

사이트코어 XP와 xDB 사이에 존재하는 새로운 Service Layer로써, xConnect는 사이트코어가 아닌 다른 플랫폼 및 디바이스와 연동 할수가 있다. xConnect는 Collection과 Search 서비스로 구성되어 있으며, 다른 플랫폼과 디바이스는 xConnect를 통하여 사이트코어 xDB의 데이타를 불러올 수 있으며, 또한 xConnect는 다른 플랫폼의 데이타를 xDB를 가져올수가 있다.

SQL Server

Sitecore 7.5부터 적용해오던 MongoDB 를 필수요소에서 제외하였다. SQL Server를 기본 Provider로 설정되어졌으며, MongoDB 는 선택적인 항목이 되었다. 사용자 및 개발자 환경에 따라 SQL Server, SQL Azure, CosmosDB, 또는 MongoDB를 사용할수있으며, 어떤 DB 타입 상관없이 xConnect는 이 모든 데이타베이스 서버와의 호환되며 작동한다.

Forms

사이트코어 8.2까지 WFFM (Web Form For Marketers) 모듈을 사용하여, 온라인 폼 페이지를 만들고, xMarketing과 컨넥하여 사용자 및 유저의 정보를 모아왔으나, 9.0부터는 새로운 Form 빌더를 Sitecore XP (Experience Platform)에 추가였으며, UI/UX 역시 더 세련(?)되어 만들어졌다.. 이로써, 새로운 폼 모듈을 추가적으로 설치 하지 않아도 된다. Sitecore 9.0까지는 계속 WFFM을 지원하고 서포트를 하지만, 9.1부터는 WFFM 모듈 및 서포트를 중단할 계획인다.

Marketing Automation

기존에 사용해오던, Engagement Plan를 보완한 기능이며, Drag/Drop을 통하여 쉽게 마케팅 로직을 생성할수있다. 손 쉬운 UI/UX 바탕으로 마케터는 쉽게 자동화된 마케팅 캠페인을 생성할 수 있다.

Search

Sitecore 8.2까지 기본 서치엔진이던 Lucene 사용을 중단하고, 기본 엔진으로 Solr 또는 Azure Search를 사용한다. Lucene를 파일을 기반으로한 서치엔진으로 모든 데이타가 파일형식으로 저장되는것으로 반해, Solr 은 웹어플리케이션으로써 Lucene 을 탑재하여 다양한 API를 제공하며, 서치엔진은 사용 용도에 맞게 구현할수가 있다.

Federated Authentication

Sitecore 9.0는 OWIN authentication 미드웨어를 통하여 새로운 로그인 방식을 구현한다. 기존의 LDAP 모듈을 이용하여 Active Directory의 데이터를 Sitecore CMS와 통합하여 로그인을 구현하였지만, 이번 Federated Authentication을 사용함으로써 아래의 다양한 플랫폼과 연동시킬수 있다. 예를 들면, Sitecore의 로그인을 Azure AD와 통합을 할수가 있다.

OpenId Connect (AzureAD, identity server)
Microsoft Account
Google
Facebook
Twitter
WS-Trust (Web Services Trust Language)
OAuth
SAML

Dynamic Placeholder

이전부터 많이 문제가 제기되어왔던 기존 Placeholder에 대한 기능은 많이 제약이 따랐다. 예를 들어 렌더링 아이템에는 같은 이름의 Placeholder를 사용하지 못하였으며, 이로인하여 각각 새로운 Placeholder Setting을 적용해야만 했다. 하지만, 이름처럼 이를 다이나믹하게 보안하여 하나의 Placeholder Setting 아이템을 다양하게 구현하도록 만들었다. 차후, 여기에 대한 자세한 설명을 포스트하도록 하겠다.

2017년 10월 4일 수요일

사이트코어 필드 아이템 Versioned, Unversioned 그리고 Shared 속성 적용하기

이번에는 사이트코어의 기본기능에 대하여 소개해보도록 하겠다.

모든 페이지 아이템은 탬플릿에 의하여 생성되며, 탬플릿을 생성할시 유저는 필드 이름과 필드 타입을 설정하여야 한다. 탬플릿을 생성하고 필드를 추가하면 해당 필드의 설정에 Unversioned 와 Shared라는 체크박스가 있다.

필드를 새로 성성하면, 자동적으로 두 체크박스를 선택되어지지 않으므로써 Versioned라는 세팅으로 필드를 생성한다.

먼저, 페이지 아이템에 2개의 언어가 설정되어있고, 각각 2개 및 3개의 페이지 아이템 버전이 있다고 생각하자.

필드 이름: "Test", 필드 기본값: "Test Version"

PageItem 버전1 : 영어
PageItem 버전2 : 영어
PageItem 버전3 : 영어
PageItem 버전1 : 일본어
PageItem 버전2 : 일본어

아래는 각각 설정이 어떻게 적용되어지는 알수가 있다.

Unversioned (적용 안함), Shared (적용 안함)
필드에 새로운 값이 적용되면, 오직 해당 아이템 버전과 해당 언어에만 새로운 값이 적용된다. 예를 들어, "PageItem 버전 2: 영어" 아이템의 "Test" 필드 값을 "Test Version 2"로 설정할시,

PageItem 버전1 : 영어 - 필드값: "Test Version"
PageItem 버전2 : 영어 - 필드값: "Test Version 2"
PageItem 버전3 : 영어 - 필드값: "Test Version"
PageItem 버전1 : 일본어 - 필드값: "Test Version"
PageItem 버전2 : 일본어 - 필드값: "Test Version"

Unversioned (적용), Shared (적용 안함)
필드에 새로운 값이 적용되면, 오직 해당 언어의 모든 아이템 버전에 새로운 값이 적용된다. 예를 들어, "PageItem 버전 2: 영어" 아이템의 "Test" 필드 값을 "Test Version 2"로 설정할시,

PageItem 버전1 : 영어 - 필드값: "Test Version 2"
PageItem 버전2 : 영어 - 필드값: "Test Version 2"
PageItem 버전3 : 영어 - 필드값: "Test Version 2"
PageItem 버전1 : 일본어 - 필드값: "Test Version"
PageItem 버전2 : 일본어 - 필드값: "Test Version"

Unversioned (적용 안함), Shared (적용)

필드에 새로운 값이 적용되면, 모든 언어의 모든 아이템 버전에 새로운 값이 적용된다. 예를 들어, "PageItem 버전 2: 영어" 아이템의 "Test" 필드 값을 "Test Version 2"로 설정할시,

PageItem 버전1 : 영어 - 필드값: "Test Version 2"
PageItem 버전2 : 영어 - 필드값: "Test Version 2"
PageItem 버전3 : 영어 - 필드값: "Test Version 2"
PageItem 버전1 : 일본어 - 필드값: "Test Version 2"
PageItem 버전2 : 일본어 - 필드값: "Test Version 2"

2017년 8월 31일 목요일

사이트코어 크롬 익스텐션 (Chrome Extension)

사이트코어 CMS를 사용하다보면 UI 디자인부분 또는 자바스크립 기능에서 불편함 점이있다.

예를 들면, 데스크탑 모드에서 작업을하다보면 Maser 또는 Web DB를 이동해야하는 경우가 간혹(?) 발생하며, 또는 Content Editor에서 아이템 정보를 일괄적으로 늘려야 하는경우도 생긴다.

추가적으로 많은 기능을 필요로화 하지만, Siteocre에서는 모든것은 추가할수가 없다. 이것을 보완하기 위하여, 필자는 크롬 익스텐션에서 Sitecore Extension 이라는 플러그인을 사용한다.

플러그인에는 아주 많은 기능이 있어 모두 다 나열하지는 못하지만, 필자가 생각하는 가장 좋은 기능은 Ctrl+Space key를 사용하여 Shortcut 기능을 수행할수가 있다.

Install at Chrome: Sitecore Extension

2017년 8월 30일 수요일

Placeholder 컨트롤 수 제한하기

xEditor를 사용하다보면, 사이트코어 사용자의 권한 설정에 따라 특정한 Placeholder에 하나 이상의 컴포넌트를 제한해야하는 경우가 있다.

또한, 특정한 필드가 각각의 페이지가 아닌, 템플릿 __Standard Values에서 일괄적으로 변경을 해야하는 경우가 있는데, 이럴경우 사이트코어의 GetChromeDataArgs 클래스 파이프라인을 통하여 제한설정을 할수가 있다.

using System;
using System.Collections.Generic;
using System.Linq;
using Sitecore.Pipelines.GetChromeData;
using System.Text.RegularExpressions;
using Sitecore.Diagnostics;
using Sitecore.Data.Items;
using Sitecore.Security.Accounts;
using Sitecore.Layouts;
using Sitecore.Data;
using Sitecore.Data.Fields;

namespace Sitecore.Placeholder.Restriction
{
    public class RemoveDeleteButton : GetPlaceholderChromeData
    {
        public override void Process(GetChromeDataArgs args)
        {
            Assert.ArgumentNotNull(args, "args");
            Assert.IsNotNull(args.ChromeData, "Chrome Data");
            if ("placeholder".Equals(args.ChromeType, StringComparison.OrdinalIgnoreCase))
            {
                string placeholderKey = args.CustomData["placeHolderKey"] as string;

                Sitecore.Data.Fields.LayoutField layoutField = new Sitecore.Data.Fields.LayoutField(Context.Item.Fields[Sitecore.FieldIDs.FinalLayoutField]);
                LayoutDefinition layoutDefinition = LayoutDefinition.Parse(layoutField.Value);
                DeviceDefinition deviceDefinition = layoutDefinition.GetDevice(Context.Device.ID.ToString());

                // Initial setting path is "/sitecore/system/Modules/Placeholder Restriction Manager/Remove Delete Button"
                Item removeDeleteButtonItem = Context.Item.Database.GetItem("/sitecore/system/Modules/Placeholder Restriction/Remove Delete Button");

                if (removeDeleteButtonItem == null)
                {
                    Assert.IsNull(removeDeleteButtonItem, "Item is null");
                    return;
                }

                MultilistField listOfRenderingItemsDelete = removeDeleteButtonItem.Fields["List of Rendering Items"];
                string listOfUserRolesDelete = removeDeleteButtonItem.Fields["List of Users and Roles"].Value.Trim();
                List<string> eachListOfUserRolesDelete = !String.IsNullOrEmpty(listOfUserRolesDelete) ? listOfUserRolesDelete.Split(';').ToList() : null;

                // Remove "Delete" button in placeholder
                if (eachListOfUserRolesDelete != null && eachListOfUserRolesDelete.Select(e => User.Current.IsInRole(e) || User.Current.LocalName.Equals(e)).Any())
                {
                    args.ChromeData.Custom["removeAddHereButton"] = true;
                    foreach (ID renderingItemId in listOfRenderingItemsDelete.TargetIDs)
                    {
                        RenderingItem r = RenderingItem.GetItem(renderingItemId, Context.Data.Database, true);
                        string renderingName = Regex.Replace(r.Name.ToLower(), @"\s+", "");
                        string displayName = Regex.Replace(args.ChromeData.DisplayName.ToLower(), @"\s+", "");

                        // Only when rendering name matches to its display name
                        // Only when rendering item's display name contains rendering name
                        if (renderingName == displayName || displayName.Contains(renderingName))
                        {
                            args.ChromeData.Custom["editable"] = false;
                        }
                    }
                }
            }
        }
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
  <sitecore>
    <pipelines>
      <getChromeData>
        <processor
          type="Sitecore.Placeholder.Restriction.RemoveDeleteButton, Sitecore.Placeholder.Restriction"
          patch:after="processor[@type='Sitecore.Pipelines.GetChromeData.GetPlaceholderChromeData, Sitecore.Kernel']"/>
      </getChromeData>
    </pipelines>
  </sitecore>
</configuration>

2017년 8월 8일 화요일

사이트코어와 Slack (슬랙) API 연동하기

이번에는 사이트코어와 Slack API 연동에 대하여 알아보도록 하겠다.

Slack API은 메신저와 같은 커뮤니케이션 공간으로써, 많은 유저들이 하나의 커뮤니티 공간에서 많은 채널 (채팅방)을 서로 공유하며, 정보를 주고 받을 수가 있다.

개발자들 및 IT 유저들 사이에는 이미 널리 알려진 웹어플리케이션으로써, 필자가 일하고 있는 회사에서도 역시 직원들의 커뮤니티 공간으로 잘 활용을 하고 있다.

이전에 포스트에서 올려놓았던 Workflow Related Item 업데이트 하기에서 Custom Workflow를 소개하였으며, Workflow가 업데이트 될때마다 관리자 및 검증자가 업데이트 되어진 정보를 이메일로 받는 동시에, Slack API를 통하여 Slack 채널에도 업데이트된 정보가 올려지도록 클래스를 많들었다.

우선, Real-Time message를 전송하기 위하여, Slack 플러그인 (Incoming WebHooks)을 추가적으로 설치한 후, Webhook URL의 값을 WebClient의 UploadString 메쏘드 파라미터로 입력을 한다.

public static class PostSlackMessage
{
    public static void PostMessage(Item pageItem, User user, bool isPublished, string comment = null)
    {
        if (pageItem == null) {
            Sitecore.Diagnostics.Assert.IsNull(null, "Page Item can't be found!");
        }
        if (user == null) {
            Sitecore.Diagnostics.Assert.IsNull(null, "User can't be found!");
        }

        string pagePath = pageItem.Paths.Path.ToString().ToLower();
        pagePath = pagePath.Replace(Sitecore.Context.Data.Site.RootPath.ToLower(), "");
        pagePath = pagePath.Replace(Sitecore.Context.Data.Site.StartItem.ToLower(), "");

        string requestedByEmail = user.Profile.Email;
        string requestedByFullName = user.Profile.FullName;
        string updatedByEmail = User.FromName(pageItem.Statistics.UpdatedBy, true).Profile.Email;
        string updatedByFullName = User.FromName(pageItem.Statistics.UpdatedBy, true).Profile.FullName;
        string requestedDate = DateTime.Now.ToString("g");
        
        string pretextMsg = "Approval Request :file_cabinet:";
        string fallbackMsg = "ReferenceError - UI is not defined";
        string titleMsg = "<https://yoursitecms.com" + pagePath + "|" + pageItem.Fields["Page Title"].Value + "> - " + pagePath;
        string commentMsg = comment;
        string colorMsg = "#FF8000";
        
        if (isPublished)
        {
            pretextMsg = "Approved and Published :white_check_mark:";
            titleMsg = "<http://yoursitecds.com" + pagePath + "|" + pageItem.Fields["Page Title"].Value + ">";
            colorMsg = "#36a64f";
        }
        var field = new[]{
                new {
                    title = (isPublished) ? "Approved by" : "Requested by",
                    value = "<mailto:" + requestedByEmail + "|" + requestedByFullName + ">",
                    @short = true
                },
                new {
                    title = "Updated by",
                    value = "<mailto:" + updatedByEmail + "|" + updatedByFullName + ">",
                    @short = true
                },
                new {
                    title = (isPublished) ? "Approved Date" : "Requested Date",
                    value = requestedDate,
                    @short = true
                },
                new {
                    title = "Page Version",
                    value = pageItem.Version.Number.ToString(),
                    @short = true
                }
        };

        var message = new
        {
            username = "Mr. Sitecore",
            channel = "G690XEDK4", // Private Channel "Sitcore Publishing"
            icon_emoji = ":sitecore:",
            attachments = new[]{ 
                new {
                    pretext = pretextMsg,
                    fallback = fallbackMsg,
           title = titleMsg,
           text = commentMsg,
                    color = colorMsg,
                    fields = field
                }
            }
        };

        var json = JsonConvert.SerializeObject(message);

        var webClient = new WebClient();
        webClient.Headers[HttpRequestHeader.ContentType] = "application/json";
        webClient.UploadString("https://hooks.slack.com/services/your/code/here", json);
    }
}

1 2	// Post Slack Message PostSlackMessage.PostMessage(args.DataItem, User.Current, true, args.CommentFields["Comments"].ToString());

2017년 7월 21일 금요일

사이트코어 토론회 - Sitecore Symposium 2017 in Las Vegas, USA

사이트코어는 매년(간혹, 2년마다) Sitecore Symposium 2017을 개최한다.

작년, 2016년도에는 미국 New Orleans에서 개최되었으며, 이번 해에는 미국 Las Vegas에서 개최된다. 기간은 10월 16일부터 10월 19일까지이다. 사이트코어는 Symposium을 개최할때마다, 차후 릴리즈될 새로운 기술 및 기능들을 소개하며, 테크놀리지별 트레이닝 부스를 만들어 많은 유저들이 새로운 정보 및 기술을 배우고 공유할수 있는 자리를 마련한다.

글쓴이는 처음으로 미국에서 개최되는 Sitecore Symposium을 참석할 예정이며, 혹시 미국 또는 라스베가스로 방문/여행할 계획이 있는분들은 아래의 링크 (100불 할인)를 통하여, 참가 신청을할 수 있다.

아래는 토론회 정보 및 메인 주제들이며, 해당 주제에 맞는 다양한 이벤트 및 강의가 진행될 예정이다.

Analytics (분석)
Commerce (상업)
Content management (컨텐츠 관리)
Contextual Intelligence / 360 View of the Customer (상황지능 및 적용)
Deploying Sitecore on Cloud (사이트코어 클라우드)
Digital Transformation (디지털화)
Email (이메일 마케팅)
Interactive Brand Experiences (IoT, Virtual Reality, Augmented Reality) (인터렉션 뉴테크놀로지)
Managing multilingual content at scale (다국어 컨텐츠 관리 및 최적화)
Mobile Experience (모바일)
Personalization (개인 정보화)
Social (소셜 네크워크)
Testing and Optimization (테스트 및 최적화)

등록
https://sitecoresymposium2017.smarteventscloud.com/portal/registration/JKIM

기간: 2017년 10월 16일 ~ 2017년 10월 19일

장소: The Mirage Hotel & Casino in Las Vegas, NV

2017년 7월 10일 월요일

사이트코어 WFFM (Web Forms for Marketers)

이번에는 지금까지 소개하지 못한 WFFM (Web Forms For Marketer)에 대하여 소개해보도록 하겠다.

웹사이트를 개발 및 운영을 하다보면, Client의 요청으로 인하여 온라인 웹폼을 생성해야하는 경우가 있다. 이럴경우, ASPX 또는 MVC (Razor) 를 통하여 온라인 폼을 생성하고, 해당 컴포넌트를 사이트코어의 렌더링 아이템으로 적용을 시켜야한다. 이런 추가적인 컴포넌트 생성을 좀 더 효울적으로 하고자, 사이트코어는 WFFM라는 모듈을 런칭하였다. WFFM은 사이트코어 버전 8.0부터 소개되었으며, 해당 링크를 통하여 설치방법및 패키지를 다운받을수 있다.

WFFM을 설치는 CM와 CD, 그리고 마케터 리포트를 포함하며, CM/CD 패키지를 설치하기전에 마케터 리포트의 패키지를 푼다. 파일 시스템에 복사되어진 .sql 파일을 Analytics DB에 실행시켜 WFFM Reporting이 작동하도록 설정을 한다. 위의 링크를 통하면, 설치 매뉴어가 자세히 나와있으므로 참고할수 있다.

CM 패키지를 설치하고 나면, Modules tree에 "Web Forms for Marketers"가 생성되며, Sample Forms 통하여, 어떻게 WFFM를 생성하고 디자인하는지 테스트 할수가 있다.