Meta tags:
description=Posts about Open Source ~ General written by annasob;

Headings (most frequently used words):

open, anna, on, computing, menu, category, archives, source, general, getting, around, cors, with, node, js, post, navigation, categories, twitter, an, sourced, way, of, life, the, structure, share, this,

Text of the page (most frequently used words):
the (58), this (16), and (14), you (11), headers (11), request (11), end (11), get (9), server (9), needed (9), localhost (8), back (8), that (8), node (7), client (7), from (7), application (7), com (6), open (6), method (6), access (6), control (6), data (6), css (6), with (5), anna (5), computing (5), all (5), not (5), need (5), req (5), allow (5), res (5), will (5), function (5), port (5), what (5), wordpress (4), content (4), have (4), source (4), general (4), cors (4), var (4), make (4), your (4), for (4), designer (4), would (4), was (4), web (4), html (4), started (3), log (3), glassfish (3), share (3), new (3), solution (3), but (3), type (3), also (3), people (3), there (3), really (3), options (3), authorization (3), coming (3), use (3), clientrequest (3), url (3), msg (3), clientresponse (3), just (3), create (3), same (3), running (3), because (3), way (3), domain (3), some (3), site (2), like (2), website (2), required (2), write (2), loading (2), comments (2), view (2), sign (2), subscribed (2), subscribe (2), now (2), blog (2), annasob (2), post (2), linkedin (2), opens (2), window (2), simple (2), irc (2), origin (2), put (2), requested (2), http (2), writehead (2), 200 (2), basically (2), captured (2), portnumber (2), aclient (2), backendurl (2), response (2), clientheaders (2), chunk (2), particular (2), being (2), used (2), another (2), out (2), createclient (2), requests (2), xhr (2), any (2), problem (2), could (2), got (2), local (2), working (2), however (2), wasn (2), said (2), service (2), change (2), edit (2), repo (2), their (2), design, name, email, comment, collapse, bar, manage, subscriptions, reader, report, privacy, already, account, tweets, twitter, uncategorized, processing, popcorn, github, build, automation, audio, apple, cocoa, categories, older, posts, navigation, tagged, posted, january, 2012, jan, blogs, implementation, works, great, might, perfect, gets, job, done, feel, free, contact, implement, ahead, join, channel, freenode, net, are, helpful, forgiving, add, methods, delete, credentials, true, max, age, 86400, hours, override, accept, respond, else, created, information, api, host, json, connection, keep, alive, clietheaders, settimeout, send, received, 500, wait, bit, case, don, chunks, next, step, listens, mentioned, above, ensure, computer, otherwise, weird, available, exception, pass, when, capture, similar, figure, important, sometimes, sent, which, browser, testing, allowed, idea, listen, means, has, changed, once, dummy, exact, instead, whose, using, never, found, documentation, accepted, let, show, structure, solve, copy, his, well, involve, mysql, eclipse, configured, correctly, ideal, went, search, after, talking, decided, havent, yet, worked, quite, sure, going, proxy, middleware, recently, wrote, javascript, depended, ajax, java, driven, standard, restful, before, hired, layout, desired, further, into, development, process, moving, parts, proposed, mainly, elements, display, were, populate, each, page, had, typically, test, fired, firebug, feature, where, alternatively, save, pages, locally, changes, then, committed, good, enough, wanted, simply, run, course, caused, error, made, remote, getting, around, category, archives, home, skip, menu, sourced, life,

Text of the page (random words):
open source general anna on computing anna on computing an open sourced way of life menu skip to content home category archives open source general getting around cors with node js i have recently wrote a javascript web application that depended on ajax and a java driven back end the back end was a standard restful web service running an a glassfish server before i started working on the application a designer was hired to make the html css layout that was desired as i got further into the development process and the moving parts started to change the css also needed to change this proposed a problem for us mainly because all of the data and the html elements needed to display it that were needed to populate each page had to be requested from the web service typically what i would do is log in to the web application running on the test server fired up firebug and use the html css edit feature to get the css to where i needed it to be alternatively i would save the website and open the html and css pages locally and edit from there any css changes would then get committed to the repo however this wasn t a good enough way for the designer the designer wanted to put the repo on their localhost and simply run the application on their local server this of course caused a cors error because an xhr request could not be made from localhost to a remote server to solve this problem the designer could have got a local copy of the back end working on his localhost as well however that would involve mysql eclipse and glassfish to be configured correctly not really ideal so i went out in search for another solution after talking to some people i decided to use node js havent yet worked with node i wasn t quite sure of what i was going to do some people said i needed a proxy some said i needed middleware but at the end of it all i just needed a simple server and a client the structure the idea is for a server to listen to the requests coming in from your localhost on a particular port this means that the url of the xhr requests has to be changed to localhost portnumber once the request is captured a dummy client will make the same exact request but instead of the client being your localhost it will be a node client whose domain is the same as the domain of the back end create a client using the domain of the back end i never really found any documentation of what the createclient function accepted so let me show you what i used var aclient http createclient 80 backendurl com the next step is to create a server that listens on a particular port this is the same port i mentioned above ensure that this port is not being used by another application running on your computer otherwise you will get a weird port not available exception now in the function that you pass in when you create the server you need to capture the request get the needed data and make a similar request with a new url you also need to figure out what the request method is this is important because sometimes there will be an options method sent which is basically a way of the browser testing if cors is allowed if req method options add needed headers var headers headers access control allow origin headers access control allow methods post get put delete options headers access control allow credentials true headers access control max age 86400 24 hours headers access control allow headers x requested with access control allow origin x http method override content type authorization accept respond to the request res writehead 200 headers res end else if req method get no data is coming use the client you created to make a request this request will basically need all of the information captured in this get request coming from your localhost portnumber var clientrequest aclient request req method api req url host backendurl com authorization req headers authorization content type application json connection keep alive clientrequest end var msg clietheaders get the response from the back end clientrequest on response function clientresponse clientheaders clientresponse headers clientresponse on data function chunk msg chunk settimeout function send the data you just received from the back end back to you client application on localhost res writehead 200 clientheaders res write msg res end 500 wait a bit just in case we don t have all of the chunks of data this is a simple implementation and it works great it might not be the perfect solution but it gets the job done feel free to contact me if you need to implement this type of solution also if you need to go ahead and join the node js irc channel node js on the irc freenode net server the people there are really helpful and forgiving view all of my blogs share this share on x opens in new window x share on linkedin opens in new window linkedin like loading jan 11 january 11 2012 by annasob posted in open source general tagged cors glassfish node js comments post navigation older posts categories apple os cocoa 6 audio 1 automation 1 build 4 github 6 open source general 16 popcorn js 11 processing js 66 uncategorized 3 twitter tweets by annasob blog at wordpress com anna on computing blog at wordpress com subscribe subscribed anna on computing sign me up already have a wordpress com account log in now privacy anna on computing subscribe subscribed sign up log in report this content view site in reader manage subscriptions collapse this bar loading comments write a comment email required name required website d design a site like this with wordpress com get started