Profound UI Example - Running Locally

{"type":"doc","content":[{"type":"paragraph","content":[{"type":"hardBreak"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Launching a PHP controller from the Profound UI HTTP Server Instance","type":"text"}]},{"type":"paragraph","content":[{"text":"To launch a Profound UI PHP controller script using the Profound UI HTTP Server Instance on the IBM i, you must specify a path to the controller using the ","type":"text"},{"text":"controller","type":"text","marks":[{"type":"strong"}]},{"text":" query string parameter on the start URL. For example: ","type":"text"},{"text":"http://yourServer:8080/profoundui/start?controller=/php/profoundui/myscript.php","type":"text","marks":[{"type":"link","attrs":{"href":"http://yourserver:8080/profoundui/start?controller=/php/profoundui/helloworld.php"}}]},{"text":". PHP must be enabled in the Profound UI Instance for this to work. Click ","type":"text"},{"text":"here ","type":"text","marks":[{"type":"link","attrs":{"href":"/wiki/spaces/PUI/pages/164497618"}}]},{"text":"for details on how to enable PHP.","type":"text"}]},{"type":"paragraph","content":[{"text":"If default settings are used, the above myscript.php file would be stored in the /www/zendsvr/htdocs/profoundui IFS directory.","type":"text"}]},{"type":"paragraph","content":[{"text":"Profound UI uses its own start.html template in this scenario.","type":"text"}]},{"type":"heading","attrs":{"level":5},"content":[{"text":"Launching a PHP controller outside of the Profound UI HTTP Server Instance","type":"text"}]},{"type":"paragraph","content":[{"text":"You may have the need to launch a Profound UI PHP controller outside of the HTTP Instance shipped with Profound UI. Perhaps, you want to test the script on your local PC, copy the application to another platform, or package it as a native mobile application through the use of PhoneGap.","type":"text"}]},{"type":"paragraph","content":[{"text":"To accomplish this, we simply copy the necessary resources from the IFS. You will need at least the following files:","type":"text"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The starting HTML page can be copied from /www/profoundui/htdocs/profoundui/userdata/html/start.html.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Profound UI CSS file can be copied from /www/profoundui/htdocs/profoundui/proddata/css/profoundui.css.","type":"text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"text":"The Profound UI runtime JavaScript file can be copied from /www/profoundui/htdocs/profoundui/proddata/js/runtime.js.","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":"It is acceptable to copy the above files into the same destination folder.","type":"text"}]},{"type":"paragraph","content":[{"text":"Some Profound UI widgets use images (located here: /www/profoundui/htdocs/profoundui/proddata/images) and potentially other resources shipped with Profound UI. Depending on which widgets your applications utilize, these resources must be copied in addition to the 3 files mentioned above. When you copy these, you must maintain the same directory structure in your destination environment. For example, images must be accessible via the relative URL /profoundui/proddata/images.","type":"text"}]},{"type":"paragraph","content":[{"text":"The start.html file must correctly point to the profoundui.css and runtime.js files. It will look something like this:","type":"text"}]},{"type":"codeBlock","content":[{"text":"\n\n\n \n Profound UI Example - Running Locally\n \n \n \n\n\n\n

\n\n\n\n","type":"text"}]},{"type":"paragraph","content":[{"text":"You can launch the application from the destination environment by bring up the start.html file and passing the controller parameter. For example: ","type":"text"},{"text":"http://localhost/start.html?controller=myscript.php","type":"text","marks":[{"type":"link","attrs":{"href":"http://localhost/start.html?controller=myscript.php"}}]},{"text":". The example assumes that the myscript.php controller is located in the same directory as the start.html file.","type":"text"}]},{"type":"paragraph","content":[{"text":"You may choose to rename the start.html file to something else and hard-code the controller inside the HTML code. For example, if you rename start.html to index.html and change the code as illustrated below, you may be able to launch the application by simply using ","type":"text"},{"text":"http://localhost","type":"text","marks":[{"type":"link","attrs":{"href":"http://localhost"}}]},{"text":".","type":"text"}]},{"type":"codeBlock","content":[{"text":"\n\n\n \n Profound UI Example - Running Locally\n \n \n \n\n\n\n

\n\n\n\n","type":"text"}]},{"type":"paragraph","content":[{"text":"The only new line that was added is: ","type":"text"},{"text":"pui.controller = \"myscript.php\";","type":"text","marks":[{"type":"strong"}]}]}],"version":1}

Browser not supported