My friend Carl has just released a really interesting Javascript library called Frontal. I've had a night to sleep on it and thought I'd share my thoughts.
The key problem Frontal addresses is 'some Javascript needs to be run only on some pages'. There are a few different approaches to this:
The first approach is to have lots of Javascripts that only apply for the current page, and insert them in the HEAD of the document:
| ( ! ) Warning: DOMDocument::loadHTML() [domdocument.loadhtml]: Tag name invalid in Entity, line: 29 in /var/www/ciaranmcnulty.com/application/models/Post.php on line 25 | ||||
|---|---|---|---|---|
| Call Stack | ||||
| # | Time | Memory | Function | Location |
| 1 | 0.0002 | 66624 | {main}( ) | ../index.php:0 |
| 2 | 0.0367 | 2985204 | Zend_Controller_Front->dispatch( ) | ../index.php:47 |
| 3 | 0.0429 | 3466916 | Zend_Controller_Dispatcher_Standard->dispatch( ) | ../Front.php:946 |
| 4 | 0.3136 | 8157260 | Zend_Controller_Action->dispatch( ) | ../Standard.php:293 |
| 5 | 0.3137 | 8157356 | BlogController->monthAction( ) | ../Action.php:502 |
| 6 | 0.3190 | 8159548 | Zend_Controller_Action->render( ) | ../BlogController.php:139 |
| 7 | 0.3191 | 8159548 | Zend_Controller_Action_Helper_ViewRenderer->render( ) | ../Action.php:207 |
| 8 | 0.3197 | 8159616 | Zend_Controller_Action_Helper_ViewRenderer->renderScript( ) | ../ViewRenderer.php:942 |
| 9 | 0.3197 | 8159616 | Zend_View_Abstract->render( ) | ../ViewRenderer.php:921 |
| 10 | 0.3197 | 8200884 | Zend_View->_run( ) | ../Abstract.php:787 |
| 11 | 0.3200 | 8217496 | include( '/var/www/ciaranmcnulty.com/application/views/scripts/blog/list.phtml' ) | ../View.php:107 |
| 12 | 0.3275 | 8240152 | Post->getSummary( ) | ../list.phtml:13 |
| 13 | 0.3276 | 8240152 | DOMDocument->loadHTML( ) | ../Post.php:25 |
I just did a fresh Ubuntu Karmic reinstall after an ill-conceived upgrade to a Lucid Alpha, so I had to try and retrace my fairly muddled steps in configuring iPhone tethering.
Because I had a fair idea what I was doing this time it was pretty easy, so I figured I'd best document the steps for the next unfortunate soul trying to do the same. I'd also be interested to hear if the same steps apply to Lucid once it's out of Beta.
The first thing to do is get tethering enabled by your operator. For some reason O2 can only enable it overnight so make sure you get it well before you'll need it. Once it's enabled, you'll find your phone has a new option under Settings->General->Network->Internet Tethering. Make sure you turn it on in here and then forget about it - it's only enabled for devices that are paired over Bluetooth or USB so there's not much of a security worry.
The next step is to get the Ubuntu side sorted. The best bet is to install the Bluetooth Manager widget Blueman, which will replace your existing Bluetooth widget. Blueman is much better than the default simple widget, but unfortunately either the way the iPhone exposes its network access point is non-standard or it's a bit advanced because the older version of Blueman in the Ubuntu Karmic sources is not capable of connecting - you'll need to install a newer version from Blueman directly.
The best way of doing this is to add the Blueman PPA and install it from them via apt:
$ sudo add-apt-repository ppa:blueman/ppa
$ sudo apt-get upgrade
$ sudo apt-get install blueman
I found after doing this the old bluetooth widget was hanging around, but restarting X fixed that.
| ( ! ) Warning: DOMDocument::loadHTML() [domdocument.loadhtml]: htmlParseStartTag: invalid element name in Entity, line: 1 in /var/www/ciaranmcnulty.com/application/models/Post.php on line 25 | ||||
|---|---|---|---|---|
| Call Stack | ||||
| # | Time | Memory | Function | Location |
| 1 | 0.0002 | 66624 | {main}( ) | ../index.php:0 |
| 2 | 0.0367 | 2985204 | Zend_Controller_Front->dispatch( ) | ../index.php:47 |
| 3 | 0.0429 | 3466916 | Zend_Controller_Dispatcher_Standard->dispatch( ) | ../Front.php:946 |
| 4 | 0.3136 | 8157260 | Zend_Controller_Action->dispatch( ) | ../Standard.php:293 |
| 5 | 0.3137 | 8157356 | BlogController->monthAction( ) | ../Action.php:502 |
| 6 | 0.3190 | 8159548 | Zend_Controller_Action->render( ) | ../BlogController.php:139 |
| 7 | 0.3191 | 8159548 | Zend_Controller_Action_Helper_ViewRenderer->render( ) | ../Action.php:207 |
| 8 | 0.3197 | 8159616 | Zend_Controller_Action_Helper_ViewRenderer->renderScript( ) | ../ViewRenderer.php:942 |
| 9 | 0.3197 | 8159616 | Zend_View_Abstract->render( ) | ../ViewRenderer.php:921 |
| 10 | 0.3197 | 8200884 | Zend_View->_run( ) | ../Abstract.php:787 |
| 11 | 0.3200 | 8217496 | include( '/var/www/ciaranmcnulty.com/application/views/scripts/blog/list.phtml' ) | ../View.php:107 |
| 12 | 0.3350 | 8246436 | Post->getSummary( ) | ../list.phtml:13 |
| 13 | 0.3350 | 8246436 | DOMDocument->loadHTML( ) | ../Post.php:25 |
| ( ! ) Warning: DOMDocument::loadHTML() [domdocument.loadhtml]: Unexpected end tag : pre in Entity, line: 58 in /var/www/ciaranmcnulty.com/application/models/Post.php on line 25 | ||||
|---|---|---|---|---|
| Call Stack | ||||
| # | Time | Memory | Function | Location |
| 1 | 0.0002 | 66624 | {main}( ) | ../index.php:0 |
| 2 | 0.0367 | 2985204 | Zend_Controller_Front->dispatch( ) | ../index.php:47 |
| 3 | 0.0429 | 3466916 | Zend_Controller_Dispatcher_Standard->dispatch( ) | ../Front.php:946 |
| 4 | 0.3136 | 8157260 | Zend_Controller_Action->dispatch( ) | ../Standard.php:293 |
| 5 | 0.3137 | 8157356 | BlogController->monthAction( ) | ../Action.php:502 |
| 6 | 0.3190 | 8159548 | Zend_Controller_Action->render( ) | ../BlogController.php:139 |
| 7 | 0.3191 | 8159548 | Zend_Controller_Action_Helper_ViewRenderer->render( ) | ../Action.php:207 |
| 8 | 0.3197 | 8159616 | Zend_Controller_Action_Helper_ViewRenderer->renderScript( ) | ../ViewRenderer.php:942 |
| 9 | 0.3197 | 8159616 | Zend_View_Abstract->render( ) | ../ViewRenderer.php:921 |
| 10 | 0.3197 | 8200884 | Zend_View->_run( ) | ../Abstract.php:787 |
| 11 | 0.3200 | 8217496 | include( '/var/www/ciaranmcnulty.com/application/views/scripts/blog/list.phtml' ) | ../View.php:107 |
| 12 | 0.3350 | 8246436 | Post->getSummary( ) | ../list.phtml:13 |
| 13 | 0.3350 | 8246436 | DOMDocument->loadHTML( ) | ../Post.php:25 |
| ( ! ) Warning: DOMDocument::loadHTML() [domdocument.loadhtml]: htmlParseStartTag: invalid element name in Entity, line: 86 in /var/www/ciaranmcnulty.com/application/models/Post.php on line 25 | ||||
|---|---|---|---|---|
| Call Stack | ||||
| # | Time | Memory | Function | Location |
| 1 | 0.0002 | 66624 | {main}( ) | ../index.php:0 |
| 2 | 0.0367 | 2985204 | Zend_Controller_Front->dispatch( ) | ../index.php:47 |
| 3 | 0.0429 | 3466916 | Zend_Controller_Dispatcher_Standard->dispatch( ) | ../Front.php:946 |
| 4 | 0.3136 | 8157260 | Zend_Controller_Action->dispatch( ) | ../Standard.php:293 |
| 5 | 0.3137 | 8157356 | BlogController->monthAction( ) | ../Action.php:502 |
| 6 | 0.3190 | 8159548 | Zend_Controller_Action->render( ) | ../BlogController.php:139 |
| 7 | 0.3191 | 8159548 | Zend_Controller_Action_Helper_ViewRenderer->render( ) | ../Action.php:207 |
| 8 | 0.3197 | 8159616 | Zend_Controller_Action_Helper_ViewRenderer->renderScript( ) | ../ViewRenderer.php:942 |
| 9 | 0.3197 | 8159616 | Zend_View_Abstract->render( ) | ../ViewRenderer.php:921 |
| 10 | 0.3197 | 8200884 | Zend_View->_run( ) | ../Abstract.php:787 |
| 11 | 0.3200 | 8217496 | include( '/var/www/ciaranmcnulty.com/application/views/scripts/blog/list.phtml' ) | ../View.php:107 |
| 12 | 0.3350 | 8246436 | Post->getSummary( ) | ../list.phtml:13 |
| 13 | 0.3350 | 8246436 | DOMDocument->loadHTML( ) | ../Post.php:25 |
I think of myself first and foremost as a PHP developer but serious sites are getting more and more JS-heavy as time goes on so it gets harder (and less pragmatic) to try and avoid dealing with JSPHP communication of some sort.
I'm a big advocate of RESTful design so tend to end up attempting to write scripts that do lots of GETs and POSTs (as appropriate) and parsing out whatever custom response format I've decided JSON requests will return. It feels good - like I'm sticking to my principles and 'doing it right' but it's a long painful slog that can feel like self-flagellation at times.
It's also slow and hard to prototype - it's hard to argue in favour of some abstract design idea when it's making you take forever to generate simple tasks . Sometimes when I feel lazy what I really want is a way of calling my PHP objects directly from the JS and not worrying about what's happening in the underlying HTTP, and that's what JSON-RPC provides.
In this blog I'll be showing some simple examples of JSON-RPC in action but first let's look at the pros and cons.