2014-09-14 2 views
0

Google App Engine의 내 웹 페이지에 Processing Sketch를 온라인으로 게시하고 싶습니다.Google App Engine의 HTML 페이지에 Processing 스케치를 삽입하는 방법

Processing JS Javascript 코드를 HTML 파일에 직접 입력하는 방법을 찾았습니다. 이 파일을 내 컴퓨터에 저장하고 브라우저에서 열면 작동합니다!

그러나이 코드를 내 Google 앱 엔진에 복사하면 빈 상자가 나타납니다.

GAE에 대해 조금 아는 사람이 있습니까? 그 이유는 무엇일까요? 내 HTML 파일의 코드는 입니다. 사람이 성공하는 경우

<html> 
<head> 
    <title>Mouse2D \ Examples \ Processing.org</title> 

    <!-- script type="text/javascript" src="/_ah/channel/jsapi"></script --> 
    <script src="processing.js" type="text/javascript"></script>  
    <!-- script src="http://processing.org/javascript/modernizr-2.6.2.touch.js" type ="!text/javascript"></script --> 
</head> 

<body> 
    <label>This is above the Processing Canvas</label> 
    <br> 
    <div class="proc"> 
    <script type="application/processing"> 
    void setup() 
    { 
     size(640, 360); 
     noStroke(); 
     rectMode(CENTER); 
    } 

    void draw() 
    { 
     background(51); 
     fill(255, 204); 
     rect(mouseX, height/2, mouseY/2+10, mouseY/2+10); 
     fill(255, 204); 
     int inverseX = width-mouseX; 
     int inverseY = height-mouseY; 
     rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10); 
    } 

    </script> 
    <canvas width="640" height="360"></canvas> 
    <div>This is below the canvas</div> 


</body> 
나는 지금까지 그들이 http://tb21g09.appspot.com/processing 여기 http://processing.org/examples/mouse2d.html

내 위키를 포함하는 것을 시도하고, 프로세싱 예 페이지에 그것을 어떻게 보면이있어 웹 페이지에 처리 스케치를 삽입하는 방법을 알고 싶습니다!

나는 또한 웹 서버에 자바 스크립트 파일을 넣은 다음 HTML 파일에서 호출 할 수 있다는 것을 알고있다. 임무를 수행하는 방법을 잘 모르겠다면, 시도하는 것이 더 쉽고 빠를 것 같습니다.

답변

1

URL을 방문하여 브라우저에 직접 파일을로드 할 수 있도록 App Engine 앱과 함께 HTML 파일을 배포하려는 경우 App Engine의 "정적 파일"기능을 사용할 수 있습니다.

handlers: 
- url: /pages 
    static_dir: pages 

이 예는 사용자가 /pages/... 해당 방문 직접 때 내 응용 프로그램의 pages/... 디렉토리에있는 모든 것을 제공해야한다고 말한다 :이 작업을 수행하려면 파일 경로와 URL 경로를 연결하여 app.yaml 파일에 정적 파일 처리기를 구성 URL. 이 파일들은 축 어적으로 제공되며 앱의 서버 코드와 상호 작용하지 않습니다. 정적 파일 처리기 구성에 대한 추가 정보 :

처리중인 JS 코드가 wiki 응용 프로그램에 나타나길 원했다고하셨습니다. Processing JS 코드를 표시 할 페이지를 생성하는 서버 코드가있는 경우 정적 파일 이외의 작업을 수행해야합니다. 일반적으로 앱 생성 페이지에 표시 할 텍스트는 어떻게 든 앱에서 사용할 수 있어야하며 페이지와 함께 표시 할 앱 로직이 있어야합니다. 보다 구체적인 답변을 얻으려면 애플리케이션에 대해 더 많이 알아야합니다.

예를 들어 처리 JS 코드가 파일로 이동하고 응용 프로그램 코드가 해당 파일에서 읽고 동적으로 생성 된 페이지의 중간에 내용을 삽입하도록 지시 된 것일 수 있습니다. 어쩌면 페이지가 "템플릿"파일에서 생성되고 Processing JS 코드가 삽입 될 수 있습니다. 위키 애플리케이션이고 페이지의 내용이 데이터로 저장되어 있다면 wiki의 페이지 편집 툴을 사용하여 페이지를 만드는 데 사용되는 데이터에 Processing JS 코드를 추가해야 할 수도 있습니다.

(자세한 내용은 위키 앱의 작동 방식에 대한 질문을 수정하십시오.)