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

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 12 Current »

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