Child pages
  • External Editor Controls (CDN)

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

This Page will walk you through the example of updating or adding the external application to Fluid's CDN that is used in Rich Text Inline Edit.

On This Page

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
  • No labels