extjs - Deploy same Javascript webapp build to different environments -

-

i have extjs application , different environments (local machine, development, production-like test environment, , production). extjs application backed java backend running on either local machine, in development environment, production-like test environment or production environment (not same servers front end application lives though).

for last 2 environments, want build 1 build of extjs app , first deploy test server, when ready release deploy exact same build production server.

question: possible somehow use environment frontend deployed, decide backend extjs should connect to? since extjs front-end executed on client's machine, doesn't know if should connect production backend or test backend.

what best way solve problem this? how (in clean way) javascript web application built , deployed several different environments , communicates corresponding backend application?

how (in clean way) javascript web application built , deployed several different environments , communicates corresponding backend application?

well, case not usual. backend app (at least seemingly) on same server frontend app loaded from. therefore, hassle free way accomplish task make frontend server proxy requests frontend app corresponding backend server. way frontend app still talk origin server allows have 1 build environments.

the "official" way use per-environment sections in app.json file this:

"production": {     "backend": "backend.domain.tld",     // other stuff }, "testing": {     "backend": "backend.testing.domain.tld",     // other stuff }, "development": {     "backend": "backend.dev.domain.tld",     // other stuff }

the backend value end in build's classic.json (and/or modern.json) file. frontend app see value ext.manifest.backend. way creating different builds wanted avoid. therefore, manually create several versions of classic.json/modern.json files 1 production build this:

  • classic.json.testing
  • classic.json.staging
  • classic.json.production

and use rewriting on frontend server respond "/classic.json" requests whatever json file matches server purpose.

yet another way keep frontend-backend mapping environments within frontend app this:

var env_conf = {     'frontend.testing.domain.tld': 'backend.testing.domain.tld',     'frontend.staging.domain.tld': 'backend.staging.domain.tld',     'domain.tld': 'backend.domain.tld' // production };

the app use location.host key , talk corresponding backend.


Comments

Post a Comment

Popular posts from this blog

html - Firefox flex bug applied to buttons? -

-
i'm trying apply flex button on firefox i'm having problem on chrome doesn't happens. this css: .button { display: inline-flex; align-items: center; } as can see in fiddle, "caret" word moved new line, happens if element <button> tag, <div> works expected. http://codepen.io/anon/pen/xblmgx is firefox bug or there css i'm missing? nevermind, looks "mr firefox" doesn't idea... <button> not implementable (by browsers) in pure css, bit of black box, perspective of css. means don't react in same way e.g. <div> would. this isn't specific flexbox -- e.g. don't render scrollbars if put "overflow:scroll" on button, , don't render table if put "display:table" on it. stepping further, isn't specific <button> . consider <fieldset> , <table> have special rendering behavior: data:text/html,<fieldset style="d
Read more

html - Missing border-right in select on Firefox -

-
Image
when put select div width , padding-left, options have no border on right. more, happend if select have width 118px , parent have 15px of padding left! have idea, going on? my code: <!doctype html> <html> <head lang="en"> </head> <body> <div style="width: 1000px; padding-left: 15px;"> <select style="width: 118px;"> <option>a</option> <option>b</option> <option>c</option> </select> </div> </body> </html> and result: here plunker: click it happend on firefox on windows. tested on 40.0.2 version -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; source: https://stackoverflow.com/a/11390432/4431269 source of problem: https://bugzilla.mozilla.org/show_bug.cgi?id=924068 and use of google ! edit: (source of problem, explained) after rea
Read more

c# - two queries in same method -

-
i trying execute 2 queries in same method gives me exception. can red of exception declaring new command there way use same command? string id="hi"; connection.open(); oledbcommand command1 = new oledbcommand(); command1.connection = connection; string query1 = "select * products category='" + combobox1.text + "' , subcategory = '" + combobox2.text + "' , sizes='" + combobox3.text + "'"; command1.commandtext = query1; oledbdatareader reader = command1.executereader(); while (reader.read()) { id = reader[0].tostring(); } textbox1.text = id; string query = "insert category_in (category_id,amount,amount_in) values ('"+ id+"' ,500,300)"; command1.commandtext = query; command1.executenonquery(); messagebox.show("saved"); connection.close();
Read more