need 3 things
1 remote iframe child page change:
We need to send customers a very simple url which will show webpages, its for basic presentations, when the presenter presses a button the child iframe of the viewer should change to another page. So how this works is simply we are talking to a customer on phone and we ask them to visit a webpage. Our [login to view URL] we say to customer ok read that page, customer says they read the page and we press a button and the page now changes for customer and we can keep changing pages and customer sees new page when we want without need to click. So some sort of a Ajax listener and a place where we can paste iframe urls in and a button to make it the next for the presenter is all we need. We can make interface and make pretty later just need very basic working here.
2 iframe child address parser:
The variable position changes based on the base domain passed in the url which might look like this:
In this example our page is: [login to view URL]
The info pass the page is www.anotherpage.com.au/info/data/other&user=abc123&date=188.8.131.52&time=12.12&bla=blabla
The domain we extract is [login to view URL]
We lookup how to handle [login to view URL] in a simple database we need to make and learn that the variable we need from this kind of domain is located between "&user=“ and "&date=“ and that the data is abc123 we then simply need to look up the record for abc123 and get some info from here to insert into the webpage we make
So result is
Customer clicks link:
We show them a page with
Page title extracted from the info we find in record “abc123”
Some html we found in the record “abc123”
And a child iframe www.anotherpage.com.au/info/data/other&user=abc123&date=184.108.40.206&time=12.12&bla=blabla
in a js eg. we pass https://testingtest.com/site/thisisvar&a=83832other.junk&etc=dotdotdot
and we need to extract thisisvar reference thisisvar against a database entry which will return some js code for that var. So will need to make a simple database a few fields to query the var from for the returned js
3 need to implement this:
Here’s some quick Node.js code that uses the express web framework to create a proxy server around this example url that has a strict CORES policy [login to view URL]
See relevant steps in the README: [login to view URL]
The proxy uses express middleware to apply a Access-Control-Allow-Origin: * header to every response from the server. At in this example its own jokes/random GET endpoint, the proxy requests a random joke from another server. The same-origin policy doesn’t step in to block the request, even though the domains are different. After all, this is a server-to-server request. Finally, the proxy creates a response to the original requester (an app on the browser) consisting of the resulting data and the middleware-applied Access-Control-Allow-Origin: * header.
Please only bid if you can do all 3 things, yourself, today
32 freelancers are bidding on average $129 for this job
Hi There! I'm the Certified Web developer. with 7 years of experience I assure you the highest quality of the work. Please discuss details in message. thank you!