External Editor Controls (CDN)

Create your google app engine profile

In order to move applications to CDN you will need to create/have a Google profile, and you will have to register at Google App Engine. You might want to ask the fluid.project.team user to add your Google profile to the list of active developers for the particular app (if this is a new app, then first it has to be created by the fluid.project.team user. The new app has to have an appropriate/available name (appname)).

Download Google Appengine SDK

Once you are registered with Google App Engine you will need to download the Google App Engine SDK for Python (there is also an Eclipse plugin). After downloading the SDK, unpack it and make sure you remember its location (path to the google appengine) since you will need it later on to be able to submit applications to CDN.

Upload to CDN

Steps to upload the new/modified version of an app to Fluid's CDN:
Note: the example is based on the tiny_mce editor for Rich Text Inline Edit that we want to add to CDN.

• Download the latest version (main package) of tiny_mce from tine_mce website.
• Unpack the archive.
• You will need the content of .../jscripts/tiny_mce/ folder.
• Put the content of .../jscripts/tiny_mce/ into the folder that you are planning to upload to CDN (for example ~/Websites/tiny_mce/).
• You will need 3 more files in the folder besides the actual application:
  • fluid:publish-cdn-tinymce-fluid.sh file (the name is arbitrary) that will run the upload of the CDN content (example of such file below):

    #!/usr/bin/python
    python "/path to the google appengine/google_appengine/appcfg.py" update "/path to the/Websites/tiny_mce/"
    

  • fluid:index.html file which in this example is a simple html file with empty head and body (it will be loaded when you try to access appname.appspot.com)
  • fluid:app.yaml that contains all details of what is included into the application (example of such file below):

    application: appname
    version: 1
    runtime: python
    api_version: 1
    
    handlers:
    
    - url: /langs
      static_dir: langs
    
    - url: /plugins
      static_dir: plugins
    
    - url: /themes
      static_dir: themes
    
    - url: /utils
      static_dir: utils
    
    - url: /license.txt
      static_files: license.txt
      upload: license.txt
      mime_type: text/plain
    
    - url: /tiny_mce.js
      static_files: tiny_mce.js
      upload: tiny_mce.js
      mime_type: application/javascript
    
    - url: /tiny_mce_popup.js
      static_files: tiny_mce_popup.js
      upload: tiny_mce_popup.js
      mime_type: application/javascript
    
    - url: /tiny_mce_src.js
      static_files: tiny_mce_src.js
      upload: tiny_mce_src.js
      mime_type: application/javascript
    
    - url: /
      static_files: index.html
      upload: index.html
    
    - url: /favicon.ico
      static_files: static/images/favicon.ico
      upload: static/images/favicon.ico
    

  • After that you are ready to execute fluid:publish-cdn-tinymce-fluid.sh file that will prompt you for your Google login and password and will upload the content to the CDN that can be accessed from now on at appname.appspot.com