SharePoint-hosted app 만들기

   

How to: Create a basic SharePoint-hosted app

   

뭔지는 모르지만 만들어 보자.

   

설명 : http://msdn.microsoft.com/en-us/library/fp142379(v=office.15).aspx

소스 다운로드 : http://code.msdn.microsoft.com/SharePoint-2013-Hello-b3ca20f3

   

--> 프로젝트 URL 입력해주고 배포해서 확인가능. But App 파일 찾을 수 없다고 오류가 난다.

잘보면 프로젝트 Name 이랑 생성되는 App파일이 달라서 나는 오류 이므로 속성창에서 프로젝트명 맞춰주거나 패키지 파일에서 패키지 명을 프로젝트 명으로 맞춰주면 해결.

   

대략 따라하면 이런식으로 따라한다.

배포해 보면 이런 식으로 나타남. 페이지에 빙과 테스트 목록 웹파트 나온다.

정말 별 의미 없는 예제.

   

   

프로젝트 구조

   

   

App for Sharepoint 2013 프로젝트 생성

   

Sharepoint-hosted를 선택
-->Sharepoint-hosted 선택하면 오로지 자바스크립트만 사용가능.

   

이 옵션에 대한 설명은 여기 참조

http://msdn.microsoft.com/en-us/library/fp179887(v=office.15)

   

AppManifest.xml을 열어보면 App 에 대한 기본 정보를 볼 수 있음.

   

   

목록 생성

새항목 추가 하여 List 추가

   

TestCustomList 생성함.

   

UI Custom Action (Host Web) 추가

새항목- UI Custom Action

   

HellowWorldCustomAction 입력 후 추가

Element.xml 의 Title 과 URL을 수정

   

프로젝트 pages 폴더 home.aspx(내 VS에서는 default.aspx)의 PlaceHolderAdditionalPageHead 에 Jquery 추가

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>

   

Scripts\Apps.js 에 자바스크립트 추가

MSDN에서 복사할것.

   

Home.aspx file의 <PlaceHolderMain> 사이에 자바스크립트 추가

   

Iframe에 Bing 추가

   

리스트 웹파트 추가

   

   

빌드 후 배포.