BSP Basic : System Logon in NetWeaver '04

Overview :  The New System Logon Page

BSP를 이용해서 Web Application을 개발할때, SAP EP 환경에서 개발하지 않는다는 것을 가정한다면,
사용자 로그온을 처리할 수 있는 방식은 크게 4가지로 나눌수 있다.

1. Basic HTTP Authentication : SAP WAS 기본 방식. 이전 포스트 참조
   
2. Delayed Logon : SAP WAS 6.x 이상 가능.  이전 포스트 참조.
   
3. Using Standard SYSTEM BSP Application  : SAP WAS 6.20 부터 가능.
   
4. System Logon : SAP NetWeaver 이상.
   

이중에서 System Logon은 SAP NetWeaver(SAP WAS 6.40) 부터 사용이 가능하며 아래의 기능을 제공한다.

기본 Logon Page를 위한 3가지 디자인 템플릿/4가지 디자인 테마를 제공한다.
기본 디자인 템플릿에서 사용하는 이미지 및 Logo를 대체할수 있다.
전역/개별 SICF 서비스별 적용이 가능하다.
기본 Logon Client/Language 설정이 가능하다.
로그온시 HTTPS로의 전환을 설정할수 있다.
동일 사용자의 다중로그온 점검이 가능하다(!)
Login Language 선택, Password 변경등 Logon Page에 포함되는 각각의 입력필드에 대한 화면 표시여부 설정이 가능하다.
Logon Page 전체 디자인의 Customizing이 가능하다.

4가지 방법중 어느것을 사용할지는 프로젝트시의 시스템 환경에 따라서 틀리지만, NetWeaver 이상 버전의
SAP 환경에서 개발한다면 System Logon 이 낫다고 할수 있다.

Example : Setting System Logon and Customizing Logon Page

아래의 샘플은 SDN의 Sergio Ferrari의 SDN Weblog를 참조해서 만든것이다.

STEP 1 : Switching on System Logon

1. 트랜잭션 SICF로 이동, System Logon을 사용할 BSP 서비스를 선택, 더블클릭.
2. 오류페이지 -> 로그온 오류 탭 선택, 시스템 로그온 선택 후 세팅 버튼을 클릭.
   
   

   

   
   
3. '조회 선택' 및 '로그온 중 수행'에서 필요한 옵션 사항을 선택 후 로그온 레이아웃을 지정.
   '로그온 중 수행' 옵션에서 '복수 로그온 점검' 을 선택하고 '경고 조회 안함' 은 선택하지 않는다.
   
   

   

   
   
4. BSP Applicaiton을 실행해 본다. 아래와 같은 로그온 페이지가 표시된다. 
   - 로그온 페이지의 디자인은 위에서 선택한 템플릿 및 SAP 아이콘 옵션에 따라 다르게 표시된다.
   - '조회선택' 에서 선택한 필드만 화면에 표시된다. 사용자 id 및 비밀번호는 필수항목이므로
     항상 표시된다.
   - '시스템 메시지' 는 메시지가 있을때만 화면에 표시된다. Ex) 비밀번호가 틀렸을 경우
   
   

   

   
   
5. Logon을 실행한다.  BSP Application이 Stateful이고 이미  Logon이 되어있는 상태라면
   다음과 같은 화면이 표시될것이다.
   
   

   

   
   
6. '모든 기존 로그온 취소'가 선택된 상태에서 '계속'을 실행하면 기존의 Logon Session은 모두
   Logout 된다.
   

STEP 2 : Create New ABAP Class and redefine method

1. System Logon Page의 Design을 customizing하기 위해서는 별도의 ABAP Class 가 필요하다.
   CL_ICF_BASIC_LOGIN Class를 상속해서 Z_ICF_BASIC_LOGIN Class를 생성한다.
   
   

   

   
   
2. class attribute에 아래와 같이 constant를 추가한다. CL_ICF_BASIC_LOGIN Class와 동일하다.
   
   

   

   
   
3. CL_ICF_BASIC_LOGIN에서 상속받은 method중에서 render를 선택하고 를 눌러서 redefinition
   을 실행한다.
   
   
4. render method에 CL_ICF_BASIC_LOGIN->RENDER Class의 소스코드를 copy& paste 한다.
   
   

   

   
   
5. 소스코드 중에서 lv_content_html 변수가 사용되는 마지막 지점을 찾고,
   (  lr_renderer->render( exporting _control = lr_grid_outer
                         changing  _html    = lv_content_html ) ),
   그 바로 다음에 아래의 코드를 넣는다.
   
   
     DATA: lv_outer_outer_html TYPE string.
   * Build the page layout
     CONCATENATE " TOPAREA
                '<table width=100%>'
                ' <tr>'
                '  <td valign=middle align=center nowrap width=90%>%title%</td>'    "%title% will be replaced
                '  <td valign=middle align=right nowrap>Insert your Logo-->'
                '    <img src="https://www.sdn.sap.com/sdn/img/logo_netweaver.gif">'
                '</td>'
                ' </tr>'
                '</table>'
                " MAIN AREA
                '<table>'
                ' <tr>'
                "  LEFT FRAME
                '  <td valign=top nowrap>'
                '   <table>'
                '    <tr>'
                '     <td><img src=/sap/public/bsp/sap/public/bc/icons/s_B_SPCE.gif height=40px ></td>'
                '    </tr>'
                '    <tr>'
                '     <td valign=top nowrap>%sapLogonpage%</td>'   "%sapLogonpage% will be replaced
                '    </tr>'
                '   </table>'
                '  </td>'
                "  RIGHT FRAME
                '  <td valign=top width=100%>%html_right_frame_text%</td>' "%html_right_frame_text% will be replaced
                ' </tr>'
                '</table>'
               INTO lv_outer_outer_html.
   
   * Insert Your TITLE
     DATA lv_title_html  TYPE string.
     lv_title_html = 'Your Title'.
     REPLACE '%title%' WITH lv_title_html INTO lv_outer_outer_html.
   
   * Insert Your right frame text
     DATA l_html_right_frame_text TYPE string.
     l_html_right_frame_text  = 'Your Free Text'.
     REPLACE '%html_right_frame_text%' WITH l_html_right_frame_text INTO lv_outer_outer_html.
   
   * Insert System Logon staff
     REPLACE '%sapLogonpage%' WITH lv_content_html INTO lv_outer_outer_html.
   
   * Move back to the std variable
     lv_content_html = lv_outer_outer_html.
   
   
6. 저장 & 활성화 한 후 STEP 1-1, STEP 1-2를 다시 실행한다.  '로그온 레이아웃 및 절차'에서 사용자
   고유를 선택 한 후 클래스에 Z_ICF_BASIC_LOGIN를 입력한다.
   
   

   

   
   
7. 저장 후 웹브라우저에서 해당 BSP Application을 실행시킨다. 아래와 같은 화면을 볼수 있다.
   추가적인 디자인 작업을 통해 image 및 Style을 적용시킨다.
   
   

   

   
   

Additional Information & Settings

• SAP Online Help에서는 CL_ICF_SYSTEM_LOGIN Class를 inherited 받아서 custom design을
  구현할것을 예시하고 있다. 자세한 내용은 여기를 참고한다.
  
  
• SAP Standard에서 제공하는 custom design 예제 ABAP Class는 CL_ICF_EXAMPLE01_LOGIN이며,
  HTM_CHANGE_PASSWD와 HTM_LOGIN 메소드를 참고한다.
  
  
• Custom desing용 ABAP Class를 구현하지 않아도 간단한 setting만으로 standard에서 제공하는
  layout에 포함된 image 및 URL의 변경이 가능하다. 설정법은 다음과 같다.
  

  1. 버튼을 클릭한다.
  2. 아래 화면에서 image 및 URL, copyright 로고를 변경한다.
    '추가링크의 URL'에서 데이터를 입력하면 로그온 페이지에 링크가 표시되며,
    '로그온 페이지 변경'에서 헤더 이미지와 바닥글 이미지(로고이미지) 및 저작권 텍스트를
     변경할 수 있다.
  

  

  
  

  

  
  

  
  
• SAP에서 제공하는 기본 Design별 Logon page는 다음과 같다.
  

  Basic

  IDES

  NetWeaver