Results 1 to 2 of 2

Thread: Configure Ext App in a Web Project inside workspace

  1. #1
    Sencha Premium Member
    Join Date
    Sep 2013
    Location
    India
    Posts
    47
    Vote Rating
    17
      0  

    Default Configure Ext App in a Web Project inside workspace

    Hello,

    If we want to configure extjs app inside a web application, there are two options

    Option-1

    We follow the steps mentioned below
    1. We create Dynamic Web Project in eclipse.
    2. Create a extjs app "MyApp" inside WebContent. "MyApp" folder is created and the complete ext folder is copied inside folder
    3. We run sencha app watch. This would build the extjs application in build folder
    4. Now we run Tomcat server on 8080 port
    5. The application is available on http://localhost:8080/MyApp


    we have a svn software to commit the code on common server and ext folder would unnecessary be committed which we don't want
    we can exclude the ext folder from committing, but still is a extra process


    Option-2

    Possible solution is to go with Workspace Option
    1. Create the workspace in eclipse

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    2. Create Dynamic web project inside the workspace
    • we first create a "EclipseWebProject" inside the workspace and then create dynamic web project in "EclipseWebProject"


    3.png

    4.png

    3. "EclipseWebProject" Folder Structure

    5.png

    4. Create extjs app "MyApp" inside "WebContent". This is done by adding sencha app from eclipse

    https://drive.google.com/file/d/0B120TdbFlh4dakxGeEVnLWs2T1k/view?usp=sharing

    https://drive.google.com/file/d/0B120TdbFlh4dNkFjRld1eVR6Yms/view?usp=sharing

    5. "MyApp" folder structure. Now here the ext folder is not created

    https://drive.google.com/file/d/0B120TdbFlh4dV21abE1XaEpfcDQ/view?usp=sharing

    6. I run sencha app watch by running sencha configuration

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    7. "MyApp" is build properly and can be accessed at 1841 port

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    8. Run the "EclipseWebProject" in tomcat server

    https://drive.google.com/file/d/0B12...ew?usp=sharing

    9. Now access "MyApp"

    13.jpg

    It gives following error on browser

    Code:
    "NetworkError: 404 Not Found - http://localhost:8080/build/development/MyApp/classic/resources/MyApp-all_1.css?_dc=1471880890976"
    MyApp-a...0890976
    
    
    "NetworkError: 404 Not Found - http://localhost:8080/ext/classic/theme-neptune/overrides/Component.js?_dc=1471880890973"
    Compone...0890973
    
    
    "NetworkError: 404 Not Found - http://localhost:8080/ext/classic/theme-neptune/overrides/grid/column/RowNumberer.js?_dc=1471880890973"
    
    .......
    10. tomcat is searching for build files in "WebContent-->build" folder. This scenario is ok for Option-1 when sdk folder is inside the "WebContent" folder

    11. In this scenario what can we do so that the tomcat knows the "build" and "ext" folder is in workspace directory

    12. In this scenario we can commit the "EclipseWebProject" to svn without committing ext sdk

    Thanks & Regards,
    Pranav C Lunavat

  2. #2
    Sencha Premium Member
    Join Date
    Sep 2013
    Location
    India
    Posts
    47
    Vote Rating
    17
      0  

    Default

    Can somebody from sencha at least comment...

Similar Threads

  1. Configure location of ExtJS workspace
    By PhilippG in forum Eclipse Plugin
    Replies: 4
    Last Post: 5 Apr 2016, 2:18 AM
  2. How to debug applications inside workspace?
    By DavorZ in forum Ext 5: Q&A
    Replies: 2
    Last Post: 19 Aug 2014, 3:49 AM
  3. packages inside workspace
    By nmorado in forum Ext 5: Q&A
    Replies: 4
    Last Post: 6 Apr 2014, 7:43 AM
  4. J2EE Project Workspace Question
    By alagesh in forum Sencha Architect 3.x: Q&A
    Replies: 0
    Last Post: 24 Mar 2014, 12:42 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •