사용 해 보기

공개된 스프레드시트 API를 직접 사용 해 보자.
먼저, 이 것은 자바스크립트 솔루션으로 Server-side 코딩이 전혀 필요 하지 않다. 작업순서는 다음과 같다.

1. 아래 예제를 참고 해서, Google Docs에서 데모용 스프레드시트를  하나  만든다.
2. 페이지를 저장한 후 공유(Publish)하고 공개 URI를 알아 낸다.
   
1. 기본설정에서 첫번째 시트 내용의 레코드가 억세스 된다.
   
2. 컬럼제목(첫번째 줄)은 나중에 key로 사용 되므로 글자중에 공백문자를 넣지 않도록 주의 한다.
3. 본 페이지에 첨부된 'ego_demo.zip'를 받아 압축을 푼다.
   
4. ego_demo.html 소스의 다음 부분에서 data-uri의 값을 위에서 얻은 자신의 공개 URI로 교체 한다.
1. <div id="product-list" class="data-onload"
            data-template="product-list-template"
            data-uri="http://spreadsheets.google.com/pub?key=ruuwmotSyIwVDF0Wkf7Or2A"></div>
5. 웹영역에 업로드 해서 실행을 확인한다.
   

소스 코드

다음은 ego_demo.html의 소스 코드이다.  7번째줄의 product-list-template가 중요한데, 8-18번째줄까지 출력 템플릿을 정의하고 있고, 스프레드시트의 컬럼제목들이 어떤형태로 인용 되는지를 보여주고 있다.

실행 화면

실행 모습은 우측과 같다:

• 데모 페이지