Tutorial - Create and Run your first Sencha Touch App in the Browser

The following prerequisites exists for this tutorial:

• Sencha Touch SDK Tools installed
• Sencha Touch SDK downloaded and extracted

I'm also assuming that your folder structure looks like:

• <UserDir>
• SenchaTouch2
• sdk
• <sencha touch sdk contents>
• projects
• <we will create all new projects in this folder>

  
Create a new SenchaTouch Project

1. open a terminal and switch to the sdk folder

 cd ~/SenchaTouch2/sdk  

2.  create a new app in the projects folder with the sencha command

 sencha app create SenchaApp ~/SenchaTouch2/projects/SenchaApp 

Test your Application with the Apache Webserver 

1. go to the apache server directory

cd /etc/apache

2. add write permissions to the apache config file

sudo chmod +r httpd.conf

3. open the apache config with the nano editor

sudo nano httpd.conf

4. add the following folder alias at the end of the config file (change <username> to your username)

Alias /st2 /Users/<username>/SenchaTouch2/projects
<Directory "/Users/<username>/SenchaTouch2/projects">
    Options Indexes FollowSymLinks MultiViews
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

5. start the apache webserver - goto System Preferencences -> Sharing and activate "Web Sharing"
6. open a chrome/safari browser and go to the url http://localhost/st2/SenchaApp/
7. now you should see your new application running in the browser

Test your Application with a Python Webserver

1. go to directory of your new sencha application

cd ~/SenchaTouch2/projects/SenchaApp

2. start a simple python http server

python -m SimpleHTTPServer 8000

3. open chrome/safari and go to the url http://localhost:8000
4. now you should see your new application running in the browser