build and deploy extjs application using cmd - extjs

I am new to extjs and CMD. We use java as backend and extjs as frontend. So what should be the deploy policy be. CMD also does a build and java people also do a build. Should we treat its as 2 builds ?

Actually the back-end (java) and front-end (extjs) build would be separate, and these two deploy process should be independent. The package generated by sencha cmd does not include the server side.
For the full deploy you need to generate both java and extjs's package and upload to your server separately.

Related

How do I access the minimized production code for an ExtJS app in my development environment?

I'm using ExtJS 6.2 and when we develop in our local enviros we're access the unminimized code through https://localhost:8443. Once we deploy to our production enviros, the ExtJS code is minimized and sometimes we have errors that don't occur in our development enviros and we can't seem to find it until going through the deploy process.
I'd like to be able to test the production build locally in my development enviro but can't seem to find a way to access that built, minimized code.
It depends on how your server and build process is set up.
If you are using sencha cmd build in server and you have no build customization, you can access the production build using this URL:
http://localhost:1841/build/production/~Insert_Application_Name~/

React Laravel deployment

I'm working on Project using React for the frontend and Laravel for the backend using RESTfull API.
I developed each one in separate directories but now I'm trying to deploy them in the same folder I don't really know what to do.
or can I deploy then each one in their own folder? if yes how can I run them on the same server (apache)?
The directory really shouldn't matter. Since React is a frontend javascript development framework, it runs on the client while the laravel backend will run on the server itself. All you need to do is serve the entry point html and the javascript file created from your react project to the client.
I assume you're thinking about the "development server" that you run while developing the react app. You need to, depending on your build environment, do a production build and serve the files in some way to the client.
When using create react app you can use the deployment build instructions: https://facebook.github.io/create-react-app/docs/deployment
So to summarise:
Host your laravel backend on the apache server
Upload entry point html (you can serve this via laravel, create a template with the correct html)
Serve the deployment javascript file for your react app (just include it on the same html page)

Sencha Touch Deployment Options?

I am very new to ExtJS and Sencha Touch. I am trying to learn Sencha Touch, and was able to get a demo version running locally using 'sencha watch'. But I want to deploy this somewhere like Heroku, Azure, AWS or wherever.
How do I get this in production?
I'd appreciate it,
CMazz
How do I get this in production?
Developing your application simply means editing source code and refreshing the browser. All source files are dynamically loaded on demand. There's no building process involved. When it comes to deployment, Sencha Cmd provides the following four build environment options:
Production environment
Creates a production build that is normally hosted on a web server and serves multiple clients (devices). The build is offline-capable using HTML 5 application cache, and is enabled to perform over-the-air updates. You can build using below command :-
sencha app build //Or
sencha app build production
Testing environment
Intended for QA prior to production. All JavaScript and CSS source files are bundled, but not minified, which makes it easier to debug. You can build using below command :-
sencha app build testing
After run the following command, In you app there is build folder. See below screenshot
Now if want to host production then go inside of production folder then after build you code in to your web server (Heroku, Azure, AWS or wherever) and same for testing environment.
For more details you can refers Sencha docs

Single page application using grunt and tomcat

We are building single page application, using AngularJS and Spring Rest services along with spring boot. For front end build we are using grunt and for server site build maven. But we are not sure hove to build single WAR file which contains build out put from gunt and our java output.
Deployment server Tomcat.
Regards
Mahesh
You can give a try using maven-grunt plugin.
https://github.com/allegro/grunt-maven-plugin
I have the exact same setup. I am invoking grunt from maven.
From maven I invoke frontend-maven-plugin it actually downloads node binary and all node packages. And invokes grunt and bower. This essentially helps me build my project in any environment without installing node(even in Jekins server). Configure warSourceDirectory to read grunts output.

How to run "sencha app watch" without a webserver

I am already serving my ExtJS 5.1 development application on a local (nginx) web server, and I don't need the development webserver from Sencha Cmd when running sencha app watch.
Is there any flag or other command equivalent but without running this extra web server?
Alternativelly, what would be an equivalent command for building the development app (not making the entire build proccess of a production app) but without the "watch" characteristics? ie. issued automatically by the IDE every time I save a .js file.
You can switch off the web server.
Go to the sencha.cfg file located at <App name>\app\.sencha\app and put at the bottom of the file:
skip.web.start=true or skip.web.start=1
I am using Sencha Cmd 6.7.0.63
Create a local.properties file in the app directory and add there:
skip.web.start=true
Vales that can be set in the local.properties file are to be looked up in the sencha installation dir:
Sencha\Cmd\6.7.0.63\ant\build\app\build.properties
Sencha\Cmd\6.7.0.63\ant\build\app\*.properties

Resources