Save Development Time With AutoHotKey
As a developer, have you ever been pushed to the brink of your sanity by having to re-enter form data each time you change a small detail of your application? I know I have. If you are a developer using Windows this post has some good news for you. AutoHotKey can save you a lot of time and help reduce the brain pain associated with tedious data entry.
AutoHotKey is a free and open-source scripting language that can do all kinds of things, from simple form filling to much more complex tasks we aren't focused on. I stumbled onto their site and was hesitant at first. The last thing I wanted to do was get side tracked learning a new language. As it turns out, to use AutoHotKey for our purposes, very little knowledge of the language is required.
How Much Time Is Really Wasted
Recently I found myself working on an ecommerce website that really tested my nerves. I was using Stripe and had to build my app to handle various scenarios based on the input provided by the user purchasing a product. Stripe provides a great platform and great testing tools but I found myself having to fill out the Stripe Checkout form over and over and over again.
I built an example on Code Sandbox to illustrate my point. This mini-app tracks the time it takes to fill out the form. Use
4242 4242 4242 4242 as the card number (the Stripe testing code for a successful transaction).
The Stripe Checkout form requires the following input:
- Street Address
- Zip Code
- Card Number
- Card Expiration
- Card CVV
The above list is bad enough on its own, but gets even worse if the Shipping and Billing information are different. Even when keeping both addresses the same it look me around 36 seconds to fill in my own information and after two rounds, my patience was already wearing thin.
Enter AutoHotKey. To get started just download the current version. Once installed you have the ability to create, edit and run AutoHotKey scripts. Our goal in this article is to create and run a script that will help us fill out our annoying form. To create this script simply right-click the desktop and select
AutoHotkey Script. This should create a new icon on the desktop with an
ahk extension. Next right-click the new icon and select
Edit Script. This should open Notepad and look something like this.
The script has some default boilerplate which we can just ignore. To get an idea of how our script will work lets create our first HotString. A HotString is used to expand an abbreviation into a full blown string. Sounds pretty darn good for our use case. To understand how this works just add a new line of code to the script file.
Tada. Now we have a basic HotString. The letters inside the
:: represent the abbreviatation that will trigger AutoHotKey to replace
To test our script just save the file and double-click the desktop icon. To make sure our script is running check the tray in the bottom right corner of the screen. You should see the AutoHotKey logo. As long as our script is running our HotString will work by typing
cc followed by either
Tab to trigger the expansion.
If all is well we can now create HotStrings for the rest of the annoying form fields we need. In my opinion all the fields could be included with the exception of
Card CVV and possiblly
Card Expiration or
Zip Code. For the sake of the article I made HotStrings for everything. You can edit a running script but make sure to right-click the tray icon and click
Reload This Script for changes to take effect. Naturally, feel free to make the HotString using your name and any characters you want.
::nm::Benjamin Brooke ::st::123 Kerckhoff Ave. ::ct::Los Angeles ::zp::90731 ::cc::4242424242424242 ::ce::01/20 ::cv::123
Proof AutoHotKey Works
With new HotString powers at the tip of our fingers filling out tedious forms is a breeze. The proof is in the pudding as they say. I was able to complete the form in half the time it took me without HotStrings.
To take things to another level it is possible to remove the need for a trigger key. I our case, using the
Tab key makes sense since it moves focus to the next field, but to be fully streamlined just add an
* to each HotString between the first set of colons.
:*:nm::Benjamin Brooke :*:st::123 Kerckhoff Ave. :*:ct::Los Angeles :*:zp::90731 :*:cc::4242424242424242 :*:ce::01/20 :*:cv::123
While learning new systems and languages is often painful and time consuming, taking a few hours to familiarize one's self with a new tool is worth it for sanity sake alone. This article barely scratches the surface of what AutoHotKey can do. Check out their extensive documentation and find out other ways to improve your developer experience.