Overview: Demonstrate the CouchApp "push" command. Demonstrate Sencha's SDK Tools.
Objectives: Push mvcCouch to CouchDB with CouchApp. Build minified application with Sencha SDK Tools. Show how to create a .jsb3 file for mvcCouch. Show how to create a consolidated and minified app-all.js using JSBuilder. Show how to push the results to a separate CouchDB "in the cloud".
Step by Step:
1. Review .couchapprc config.
2. Run the "push" command from the Windows command line (couchapp push local).
3. Show the resulting design document in CouchDB on localhost.
4. Preview mvcCouch on localhost in a browser ( http://localhost:5984/mvccouch/_design/mvcCouch/index.html ).
5. Prepare our source code files for minification:
1. Make adjustments to proxy config. In "Doc" model class -- switch url and noCache properties to suite aggressive caching issues and IrisCouch hosting.
6. Build minified version of mvcCouch to push to our "Couch in the Cloud":
1. Create a .jsb3 file using SDK Tools command (sencha create jsb -a index.html -p app.jsb3).
2. Create app-all.js file using SDK Tools command (sencha build -p app.jsb3 -d . ).
7. Copy resulting files to new optimized CouchApp directory.
1. Exchange ext-debug with ext.
2. Adjust index.html.
8. Push optimized mvcCouch app to a CouchDB "in the cloud" using CouchApp (couchapp push cloud).
9. Preview mvcCouch "in the cloud" using a browser ( http://shaneavery.couchone.com/mvccouch/_design/mvcCouch/index.html ).
Resources:
Download ExtJS-4 "SDK Tools": http://www.sencha.com/products/extjs/download/
View the mvcCouch design document in CouchDB: http://shaneavery.couchone.com/_utils/document.html?mvccouch/_design/mvcCouch
Great tutorial! Thanks so much!
carlric 1 week ago in playlist Liked videos
Great work!
carlric 2 weeks ago
Good work :)
joe6352000 3 months ago
excellent work..... thank x dshaneavery you are just awesome
anand2sharma 7 months ago