[Salesforce] HelloWorld출력하기

Salesforce 평가판 등록후 처음 보여지는 화면은 Lightning Experience화면으로 Salesforce Classic 화면으로 전환이 필요합니다.

 

Salesforce Classic 화면 전환

Salesforce Classic 화면 전환

아래화면이 Classic 화면입니다.

 

신규 페이지 작성은 브라우저에서 생성하는 방식과 개발자 콘솔로 생성하는 방식이 있습니다.

 

하나씩 진행해보겠습니다.

 

신규페이지 작성 - 브라우저 환경

 

화면 상단의 [설정] > 왼쪽의 [빌드>개발>Visulforce페이지] 클릭 혹은 [빠른 찾기/검색]란에 검색하여 이동합니다.

새로만들기 버튼을 클릭하여 페이지 편집 화면으로 이동합니다.

 

필수값인 레이블, 이름을 지정한 후 코드를 작성합니다.

• 레이블 : 페이지의 타이틀
• 이름 : 페이지의 API 참조명
  (개발자 콘솔로 페이지를 만들때 해당 명칭을 사용하니 예시 확인)

 

<apex:page >
  <!-- Begin Default Content REMOVE THIS -->
  <h1>Hello World</h1>
  <br/>
  <apex:outputtext value="Apex outputText Test"> </apex:outputtext>
  <br/>
  <apex:outputlink value="https://naver.com">naver link</apex:outputlink>
  <!-- End Default Content REMOVE THIS -->
</apex:page>

 

자동완성 기능을 제공하니 작성해보길 권해드립니다.

 

코드작성 후 저장 > 미리보기로 결과를 확인합니다.

 

 

신규페이지 작성 - 개발자 콘솔

 

화면 상단의 계정명 > Developer Console 클릭

ㄱ

아래와같이 콘솔팝업이 뜹니다.

 

File > New > Visualforce Page 선택 후 페이지명을 입력한 뒤 OK버튼을 클릭합니다

 

코드 작성 후 저장 > Preview버튼으로 확인합니다.

 

코드 부분의 $Page.HelloWorld1 부분이 브라우저에서 생성한 페이지를 호출하는 부분으로

페이지 생성시 선언했던 이름을 입력합니다.

<apex:page >
    <h1>Hello World2</h1>
    <br/>
    <apex:outputText value="개발자콘솔 테스트"></apex:outputText>
    <br/>
    <apex:outputLink value="{!URLFOR($Page.HelloWorld1)}">
        <apex:outputText value="HelloWorld 페이지에 이동"></apex:outputText>
    </apex:outputLink>
</apex:page>

 

Preview 버튼으로 결과 확인