앱 확장을 위해 웹 리소스 생성 및 편집하기

아티클
03/29/2023

이 항목은 Dynamics 365 Customer Engagement (on-premises)에 적용됩니다. 이 항목의 Power Apps 버전은 다음을 참조하십시오. 모델 기반 앱 웹 리소스를 만들거나 편집하여 앱 확장

웹 리소스는 웹 개발에 사용되는 파일을 사용하는 앱 확장을 위해 개발자들이 전형적으로 사용합니다. 앱 사용자는 개발자 또는 디자이너에 의해 제공되는 웹 리소스를 관리할 필요가 있습니다.

팁

웹 리소스에 대한 자세한 내용은 Customer Engagement용 웹 리소스를 참조하십시오.

웹 리소스란 무엇입니까?

웹 리소스는 시스템에 저장되어 있는 가상의 파일입니다. 각 웹 리소스에는 URL에 사용될 수 있는 고유한 이름이 있어 파일을 검색할 수 있습니다. 이렇게 생각해 봅니다. 웹 응용 프로그램을 실행 중인 실제 웹 서버에 대한 액세스 권한이 있을 경우 해당 웹 사이트로 파일을 복사할 수 있습니다. 하지만 대부분의 온라인 서비스에서는 이를 할 수 없습니다. 대신에, 웹 리소스를 사용해 파일을 시스템에 업로드하고 파일을 웹서버에 복사하듯 이름으로 그것들을 참조합니다.

예를 들어 HTML 페이지를 "new_myWebResource.htm" 웹 리소스로 만든 경우 다음과 같은 URL을 사용하여 브라우저에서 해당 페이지를 열 수 있습니다.

<Dynamics 365 Customer Engagement (on-premises) URL>/WebResources/new_myWebResource.htm

<app URL>는 앱을 오픈할 때 보통 사용하는 URL입니다. 웹 리소스가 시스템의 데이터이므로 조직에서 사용이 허가된 사용자만 이 방식으로 액세스할 수 있습니다. 일반적으로 웹 리소스는 직접 참조되기보다 양식에 포함되어 있습니다. 가장 일반적인 사용법은 양식 스크립트에 대해 JavaScript 라이브러리를 제공하는 것입니다.

웹 리소스는 시스템의 데이터이고 솔루션을 인식하므로 솔루션의 일부로 내보낸 후 다른 조직으로 솔루션을 가져와 다른 조직으로 이동할 수 있습니다.

웹 리소스 만들기 및 편집

솔루션 탐색기를 열고 웹 리소스를 선택합니다.
구성 요소에서 웹 리소스를 선택합니다.
웹 리소스를 생성하려면 신규를 선택합니다.

웹 리소스를 편집하려면 편집하려는 웹 리소스를 더블 클릭합니다.

웹 리소스 양식에는 다음 필드와 기능이 있습니다.

레이블	설명
이름	필수 특성: 이 웹 리소스의 고유한 이름입니다. 웹 리소스를 저장한 후에는 변경할 수 없습니다. 이 이름은 문자, 숫자, 마침표 및 연속되지 않은 슬래시("/") 문자만 포함할 수 있습니다. 솔루션 게시자 사용자 지정 접두사가 웹 리소스 이름 앞에 추가됩니다.
표시 이름	웹 리소스 목록을 볼 경우 표시되는 이름입니다.
설명	웹 리소스에 대한 설명입니다.
유형	필수 특성: 웹 리소스의 유형입니다. 웹 리소스를 저장한 후에는 변경할 수 없습니다.
텍스트 편집기	웹 리소스가 텍스트 파일을 표현할 경우 이 버튼을 눌러 페이지를 열고 텍스트 편집기를 사용해 컨텐츠를 편집합니다.
언어	언어를 선택할 수 있습니다. 이 옵션은 웹 리소스 데이터를 저장하는 레코드를 태깅합니다. 웹 리소스의 동작은 변하지 않습니다.
파일 업로드	찾아보기... 버튼을 선택하여 웹 리소스로 업로드할 파일을 선택합니다. 새 웹 리소스를 만들거나 기존 웹 리소스를 덮어쓸 때 파일을 업로드할 수 있습니다. 파일의 파일 확장명은 허용된 파일 확장명과 일치해야 합니다. 기본적으로 웹 리소스로 업로드할 수 있는 최대 파일 크기는 5MB입니다. 이 값은 시스템 설정>이메일 탭 >첨부 파일의 크기 제한 설정 설정을 사용하여 Dynamics 365 Customer Engagement (on-premises)에서 수정할 수 있습니다. 추가 정보: 시스템 설정 대화 상자 - 전자 메일 탭
URL	웹 리소스를 저장한 후 웹 리소스에 대한 URL이 여기에 표시됩니다. 귀하의 브라우저에서 웹 리소스를 보려면 이 링크를 선택합니다.

변경 내용을 추가한 후 저장을 클릭하고 게시를 선택합니다.

노트

사용자 지정 항목을 게시하는 것은 정상적인 시스템 작동을 방해할 수 있습니다. 사용자에게 가장 지장을 덜 줄 때 사용자 지정 항목을 게시하는 것이 좋습니다.

텍스트 편집기 적절하게 사용

웹 리소스를 위해 응용 프로그램에 제공된 텍스트 편집기는 텍스트 파일의 간단한 편집에만 사용되어야 합니다. HTML 웹 리소스를 만들고 편집하는 데 사용할 수 있지만 텍스트 편집기를 사용하여 만든 HTML 웹 리소스만 편집해야 합니다. 텍스트 편집기는 매우 간단한 HTML 콘텐츠를 위해 디자인되었습니다. 텍스트 편집기를 사용하여 HTML 웹 리소스의 콘텐츠를 만들지 않은 경우 텍스트 편집기를 사용하여 편집하지 마십시오.

텍스트 편집기는 편집하도록 허용하는 방식으로 HTML 소스를 수정하는 컨트롤을 사용합니다. 이러한 변경 내용으로 브라우저에서 페이지가 다르게 동작할 수 있으며 작업을 중지하기 위해 더 복잡한 코드가 필요할 수 있습니다. HTML 웹 리소스를 텍스트 편집기로 열고 변경하지 않고 저장하면 일부 HTML 웹 리소스가 중단될 수 있습니다.

외부 편집기를 사용하여 텍스트 파일을 편집한 후 파일 업로드 단추를 사용하여 업로드하기 전에 로컬에서 저장하는 것이 좋습니다. 이렇게 하면 이전 버전으로 돌아가야 할 경우 웹 리소스의 복사본을 유지할 수 있습니다. 메모장과 같은 간단한 편집기를 사용할 수 있지만 더 고급 기능을 가진 텍스트 편집기를 사용하는 것이 좋습니다. Visual Studio Express는 무료이며 텍스트 기반 리소스에 사용된 파일을 편집할 수 있는 강력한 기능을 제공합니다.

양식에서 웹 리소스 만들기 및 편집

양식에서 웹 리소스를 추가하거나 편집하여 사용자에게 더욱 매력적이거나 유용하게 만들 수 있습니다. 시스템 관리자 보안 역할이나 이와 동등한 권한이 있는지 확인하십시오.

노트

양식 머리글 또는 바닥글에 웹 리소스를 포함할 수 없습니다.

솔루션 탐색기를 엽니다.
구성 요소에서 엔터티를 확장한 다음 작업할 엔터티를 확장합니다.
목록에서 기본 유형의 양식을 클릭하거나 탭한 후 열 항목을 선택하고 양식을 편집합니다.
웹 리소스를 추가하려면 삽입하려는 탭을 선택하고(예를 들어 일반 또 주의) 삽입 탭에서 웹 리소스를 선택합니다.
-또는-
웹 리소스를 편집하려면 편집하려는 양식 탭 및 웹 리소스를 선택하고 홈 탭에서, 속성 변경을 선택합니다.
웹 리소스 추가 또는 웹 리소스 속성 대화 상자의 일반 탭에서 필수 필드에 적합한 정보를 입력합니다. 구체적인 입력 내용은 다음과 같습니다.
- 웹 리소스 상자에서 사용할 이미지, HTML 또는 Silverlight 웹 리소스를 선택합니다.
  
  노트
  
  웹 리소스를 지정하면 추가할 웹 리소스의 유형에 따라 다양한 옵션을 제공하는 웹 리소스 속성 섹션이 이 탭의 아래쪽에 표시됩니다. 이러한 옵션에는 사용자 지정 매개 변수 지정, 레코드 개체 유형 코드를 매개 변수로 전달 또는 리소스를 설명하는 대체 텍스트 또는 이미지의 경우 모든 사용자가 이미지를 더 잘 액세스할 수 있도록 설명하는 대체 텍스트 지정이 포함됩니다. 여기에 몇 가지 중요한 속성이 있습니다. 전체 목록을 보려면 웹 리소스 속성을 참조하십시오. - 이름 상자에 필드의 고유한 이름을 입력합니다. 이름에는 영숫자 문자와 밑줄만 사용할 수 있습니다.
- 레이블 필드는 사용자가 지정하는 다양한 이름으로 자동으로 채워지지만 제안된 레이블이 사용자의 요구에 맞아야 하며 그에 따라 업데이트합니다.
서식 탭에서 옵션은 삽입한 웹 리소스의 유형에 따라 아양하에 표시됩니다. 이러한 옵션에는 표시할 열 및 행 개수, 테두리 표시 여부 및 스크롤 동작 지정이 포함됩니다.
종속성 탭이 웹 리소스 추가 또는 웹 리소스 속성 대화 박스에 나타나면, 이용 가능한 필드 리스트에서 웹 리소스로 요청되는 필드를 선택하고 선택 레코드 추가 버튼을 선택해 종속성 필드 리스트로 선택 필드를 이동시킨 후, Ok를를 눌러 대화 박스를 닫습니다.
양식 편집을 마친 경우 홈 탭에서 저장 및 닫기를 선택해 양식을 닫습니다. 기본 양식이 어떻게 표시되고 이벤트가 어떻게 작동하는지 미리 보려면:
- 홈 탭에서 미리 보기를 선택한 후양식 생성, 양식 업데이트,또는 읽기 전용 양식을 선택합니다.
- 미리 보기 양식을 닫으려면 파일 메뉴에서 닫기를 선택합니다.
사용자 지정 작업을 완료했으면 사용자 지정 항목을 게시합니다.
- 현재 편집하는 구성요소를 사용자지정하여 게시하려면, 내비게이션 창에서 작업한 엔터티를 선택하고 게시를 선택합니다.
- 한번에 모두 게시되지 않은 구성요소를 사용자지정 게시하려면 내비게이션 창에서 엔터티를 선택하고 동작 툴바에서 모든 사용자 지정 게시를 선택합니다.

이미지 웹 리소스 추가 또는 편집

웹 리소스는 html files, JavaScript, 및 Silverlight 응용 프로그램과 같은 고유 URL 주소를 사용해 복구될 수 있는 시스템에 저장됩니다.

솔루션 탐색기를 엽니다.
새 웹 리소스를 만들려면 구성 요소>웹 리소스를 선택한 후 작업 도구 모음에서 새로 만들기를 선택합니다.
입력란에 정보를 입력하거나 수정합니다.
- 이름 입력란에 입력한 이름에 파일 확장명을 추가하면 파일 이름이 됩니다.
- 표시 이름 입력란에 입력한 이름이 표시 이름에 나타납니다.
- 형식 드롭다운 상자에서 원하는 파일 형식을 선택합니다.
찾아보기를 선택하여 로컬 컴퓨터에서 파일을 선택하고 업로드합니다.
- 업로드된 이미지 웹 리소스를 미리 보려면 웹 리소스>미리 보기를 선택합니다.
- 텍스트 웹 리소스를 편집하려면: 텍스트 편집기를 선택합니다.
- 텍스트 웹 리소스를 미리 보려면 웹 리소스>미리 보기를 선택합니다.
데이터를 저장할 준비가 되면 저장 후 닫기를 선택합니다.
사용자 지정 항목 게시:
- 편집된 구성 요소만 게시할 경우 홈에서 저장>게시를 선택합니다.
- 게시되지 않은 모든 구성 요소를 한 번에 게시하려면 모든 사용자 지정 항목 게시를 선택합니다.

노트

솔루션 설치 또는 사용자 지정 항목 게시 작업은 일반적인 시스템 작업과 충돌할 수 있습니다. 사용자에게 가장 지장을 덜 줄 때 솔루션을 가져오도록 예약하는 것이 좋습니다.

참조 항목

웹 리소스 속성
양식 만들기 및 디자인
사용자 지정 시작
Customer Engagement용 웹 리소스

다음을 통해 공유