R1D19 Moonshots Day 2; Clickjacking for the greater good.
On day two of my moonshot, I glue together all of the missing pieces to get the data to flow from pardot to inka.
Pardot allows you to inject arbitrary javascript into any form that you create. I used this to my advantage and basically stole the submit button event, temporarily sending data back to my own server for further processing (and eventual order input into inka.io) and then resubmitting the form as usual.
The code to get this to work on the JS side looks something like this:
(function() { var form = document.forms[0] function sendOrder(order, event) { xhr = new XMLHttpRequest(); xhr.open("POST", "https://$MY_SERVICE", true); xhr.setRequestHeader("Content-type": "application/json"); xhr.onreadystatechange = function() { if(xhr.readyState = XMLHttpRequest.DONE && xhr.status == 200) { event.target.submit(); } } xhr.send(order); } form.addEventListener("submit", function(event) { event.preventDefault(); // Code to Process Form sendOrder(order, event); } })();
The key thing to keep in mind is that if you do event.target.submit() before the XMLHTTPRequest finishes, then it may never process the full request. This is why we pass it into the function, and perform the resubmission of the form after the response has gone through.
This was a fun little hack, but the solution is far from perfect.
Problems
The biggest risk here is that anyone can submit this form now 10,000 times without any real checks in place. As much as we love our customers, we don't really want to send 10,000 T-shirts to spam bots.It’s also overly complex and the form parser is very jenky because it’s making some very poor assumptions about what this from will always look like. Since the form is ultimately generated by pardot, it is subject to change without notice at any time.
Further Improvements
Solving the first problem would be required before I felt comfortable having this live in production. Some ideas would be to do some rate limiting, or intelligent checking to verify that the form submission came form a real human being (perhaps counting the time that it took for them to fill out a form?)However any sort of javascript validation is error prone as we have seen in this lovely $170 Million mistake.
Another improvement would be to send an email to someone in the event that we were not able to process an order so that a human being could attempt to do it manually.
Despite some of theses setbacks, I was able to have pardot send from data to my laptop via ngrok, process the data, and automatically place a T-Shirt order on inka.io.
Thank you for reading! Share your thoughts with me on mastodon or via email.
Check out some more stuff to read down below.
Most popular posts this month
- 3 Years
- Moving to New Jersey
- SQLite DB Migrations with PRAGMA user_version
- Setting up ANTLR4 on Windows
- My Custom Miniflux CSS Theme
Recent Favorite Blog Posts
This is a collection of the last 8 posts that I bookmarked.
- The Framework 13 has a new high-res screen! from David Heinemeier Hansson
- 40 Thoughts At 40 from Blog – Brad Frost
- To Blog or to Social-Post from jwz
- Gotchas with SQLite in Production from Anže’s Blog
- Petter Reinholdtsen: More than 200 orphaned Debian packages moved to git, 216 to go from Planet Debian
- Eli Bendersky: You don't need virtualenv in Go from Planet Python
- Introducing Writebook from Jason Fried
- Reasons to use your shell's job control from Julia Evans
Articles from blogs I follow around the net
SEC charges Galois Capital, Galois settles
Eighteen months after the crypto-focused algorithmic trading fund Galois Capital shut down, explaining that they had lost around $40 million in the FTX collapse, the SEC has filed a lawsuit against the firm for failing to properly cu…
via Web3 is Going Just Great September 3, 2024MagSafe Miscellania
Turns out MagSafe is pretty cool
via Robb Knight • Posts • Atom Feed September 3, 2024Progress
As I'm getting older a lot of my social circles are becoming ever more conservative. The focus shifts from building with ambition to fiercly protecting what one has achieved. Shifting the mind on protectionism makes one consider all that can cause dama…
via Armin Ronacher's Thoughts and Writings September 3, 2024Generated by openring