reactjs - react + webpack - pass POST data to build -


coming php background, used have index.php 2 things:

  1. serve webpage if no parameters set;
  2. or serve json data when specific post parameter included in request.

something this:

// -- index.php <?php     if ($_post["some_parameter"]) {         ...         echo json_encode(somearraydata);         exit(0);     } ?>  <html>     ... </html>

i have built complete frontend application npm, webpack, webpack-dev-server, , react. having completed first part, how can serve json data instead of html when request includes specific post parameter?

i can see 2 ways of doing this:

  • build frontend usual , everytime build bundle, modify index.html, inject php code in it, , rename index.php. have run folder via apache or nginx, i'd able run index.php script. method downright ugly , worst way it.
  • run separate php server serves data or redirects static webpack-generated build. requests should start server, , server determines whether serve data or redirect frontend. problem comes neatly passing post data received request static react app. far know, way include url (get) parameter redirect , manually parse javascript on frontend. dirty solution, in opinion.

so, summarize:

  • i need efficient way post data in react/webpack/webpack-dev-server environment.
  • it should work hot-module-replacement dev setup.
  • i'm fine switching node-based backend express.
  • there shouldn't ajax involved in static react app.

any ideas? there has way properly.

update: solved copying index.php source directory build directory via webpack config. serve build folder php server , keep webpack --watch building source.

i lose built-in features auto-reload , css injection, it's worth convenience of not having implement ssr simple task (getting single post variable).

for interested, added 2 npm scripts:

  • npm run start runs original webpack-dev-server hot-reload, serving static content including static index.html file
  • npm run static runs webpack --watch copies index.php file build directory

this lets me have hot-reloading when developing frontend, , allows post data fetching when programming logic.

it's easy, convenient, , works on web hosting providers.


-

Comments

Post a Comment

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

i know it's possible put limit on file size content-length-range header. possible validate file type? https://docs.aws.amazon.com/amazons3/latest/dev/httppostforms.html#policyconditions i see there content-type header, if set say, audio/mp3 allow mp3 files , return error if file not mp3? i found previous question answers mention validating file size: s3 direct upload restricting file size , type you can specify content-type @ post request. you can specify @ signature, post must done content-type: { "expiration": "2007-12-01t12:00:00.000z", "conditions": [ {"acl": "public-read" }, {"bucket": "johnsmith" }, {"content-type: "audio/mp3"} ] } creating html form (using aws signature version 4) edit: @ previous question found, checking content-type.
Read more

c# - Check Keyboard Input Winforms -

i wondering if instead of doing this protected override void onkeydown(keyeventargs e) { if (e.keycode == keys.a) console.writeline("the key down."); } i set bool method , this: if(keydown(keys.a)) // whatever here i've been sitting here ages trying figure out how it. can't wrap head around it. in case wondering, plan call bool inside different method, check input. since want perform action after pressing key, using keydown event enough. but in cases suppose want check if specific key down in middle of process, can use getkeystate method way: [dllimport("user32.dll", charset = charset.auto, exactspelling = true)] public static extern short getkeystate(int keycode); public const int key_pressed = 0x8000; public static bool iskeydown(keys key) { return convert.toboolean(getkeystate((int)key) & key_pressed); } you should know, each time check key state using example iskeydown(keys.a) method returns true if ke...
Read more