Saturday, November 10, 2012

Installing Sencha Touch on Mac OSX


Let's just get down to business and try to install Sencha Touch.



 NOTE: I had since changed the install process due to numerous failed attempts at 
 installing Sencha SDK Tool. See the new process here. (11.11.2012)

Sencha did a great job describing the installation process for MAC here, but it still took me 3 hours just to get it up and running on my local webserver

I will save you 3 hours and try to consolidate all the lessons I learned from this process. You can try this site, which I found to be the most useful source of information.

1. Download Sencha SDK here. 
While you are downloading Sencha, proceed to step 2.

2. Install Compass.

Access Terminal (Applications--> Utilities) and type:
sudo gem install compass



3. Start your web server.
Apache is already available in MAC. All you have to do is configure it and fix all the permission issues. It took me 3 hours to fix all the permission problems.

a. Activate Web Sharing.



Once you've turned on Web Sharing, you should see the screen below when you access the URL "http://localhost/~username/"


The "username" is usually the name you see in this directory.


BUT, more accurately, you should go to Terminal (Applications --> Utilities) and type "whoami".





b. Activate your firewall.



Go to the advanced setting and tick the 2 checkboxes below.



4. Organize your Sencha project directory.

Navigate to your Users directory.


Under the Sites directory, create Projects --> SechaTouch2 --> projects directories, as shown in the image below.



5. Install the Sencha Touch sdk.

Unzip the contents of the Sencha Touch SDK you downloaded from step 1 into the SenchaTouch2 directory. Rename "sencha-touch-2" directory to "sdk. Your directory structure should look like the image below.


6. Test the installation.

If you installed the SDK correctly, you would be able to access the local Sencha SDK using the URL: "http://localhost/~username/Projects/SenchaTouch2/sdk/docs/".


BUT, most probably, you will have some permission issues.







3 comments:

  1. Great tutorial but I dont see any sencha touch sdk on this link http://www.sencha.com/products/touch/download/. It has two download buttons one is Free Commercial Version. Second button is open source version. After clicking on open source version which takes me to this link http://www.sencha.com/products/touch/download/sencha-touch-2.1/. There are two buttons. But could not find sencha touch sdk.

    I tried to use Sencha touch sdk tools but it is making me mad. I lost the entire day but could not install it.

    ReplyDelete
  2. Replies
    1. Its Working Now u save my knight boss........

      Delete