How to Add Address Autocomplete in PHP / Laravel
Add US address autocomplete to your Laravel app in minutes. Free API, a server-side controller proxy, the Http client, and a debounced front-end input included.
Your checkout form collects addresses as freeform text. Users mistype street names, skip apartment numbers, and guess at ZIP codes. That bad data flows into your database, and each failed delivery costs $15-20 to re-ship.
Address autocomplete fixes the problem at the source. Users type a few characters, pick the correct address from a dropdown, and you store a postal-formatted string with the unit number and ZIP+4 already attached - ready to print on a shipping label.
This tutorial shows you how to add US address autocomplete to a PHP / Laravel app using sthan.io's address API. Laravel is the example here, but the same proxy pattern works in plain PHP, Symfony, or any framework that can make an HTTP request.
Quick summary: Add a Laravel controller that sends your API key as aBearertoken, callsGET /AutoComplete/USA/Address/{text}, and returns the suggestions from theResultfield of the response envelope. The browser calls your route, your controller calls sthan.io - the key never reaches the client. The free tier gives you 100,000 requests/month, no credit card required.
What you'll need: PHP 8.1 or later, a Laravel 10+ app, and a free sthan.io account. No credit card, no approval queue. The free tier gives you 100,000 requests/month - enough for roughly 20,000 address lookups, assuming about 5 keystrokes per lookup. Paid plans start at $7/month if you outgrow it.
Try it first
Type any partial US address - no signup required:
Try it live
That's what you're building. Type "123 main st" - lowercase, abbreviated, no city or state - and the API returns complete, postal-formatted addresses with apartment numbers, ZIP+4 codes, and proper casing.
What the API returns
The API wraps every response in a standard envelope. The address suggestions live in the Result field, which for autocomplete is a plain array of strings:
{
"Id": "3f2504e0-4f89-11d3-9a0c-0305e82c3301",
"Result": [
"123 Main St APT 1, Andover, MA 01810-3816",
"123 Main St APT 1, Delhi, NY 13753-1257",
"123 Main St STE 1, Caldwell, ID 83605-5476",
"123 Main St STE 1, Corinth, NY 12822-1010",
"123 Main St STE 1, Delhi, NY 13753-1258"
],
"ClientSessionId": null,
"StatusCode": 200,
"IsError": false,
"Errors": []
}
Each suggestion includes the full street, the unit designation (APT, STE, UNIT), city, state code, and ZIP+4. The API handles abbreviations (St, Ave, Blvd) and directional prefixes (N, S, E, W) on the way in, and returns clean, standardized output. In PHP you read the Result key and hand that array back to the browser.
Get your API key
- Sign up at sthan.io and subscribe to the free Address Autocomplete tier
- Open your dashboard and create an API key
- Copy the key - it looks like
sthan_live_xxxxxxxxxxxxxxxx
You get the key immediately, with no approval queue. An API key is the simplest way to authenticate: you send it as a Bearer token on every request and there is no separate login step. (If you prefer a short-lived token, there is a JWT flow covered later.)
Configure the project
Add your key to .env - never to source you commit:
# .env
STHAN_API_KEY=sthan_live_xxxxxxxxxxxxxxxx
STHAN_API_BASE=https://api.sthan.io
Expose it through config/services.php so you never call env() directly outside config (which breaks once Laravel caches config):
// config/services.php
return [
// ... other services
'sthan' => [
'key' => env('STHAN_API_KEY'),
'base' => env('STHAN_API_BASE', 'https://api.sthan.io'),
],
];
.env is already in Laravel's .gitignore. In production set STHAN_API_KEY through your host's environment config and run php artisan config:cache.
Write the controller
Laravel's Http client makes the request a one-liner. withToken() sets the Authorization: Bearer header for you, and rawurlencode() keeps characters like # and spaces from breaking the URL:
<?php
// app/Http/Controllers/AddressController.php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Http;
class AddressController extends Controller
{
public function autocomplete(Request $request)
{
$query = trim((string) $request->query('query', ''));
if (strlen($query) < 3) {
return response()->json([]);
}
$base = config('services.sthan.base');
$response = Http::withToken(config('services.sthan.key'))
->get($base . '/AutoComplete/USA/Address/' . rawurlencode($query));
if ($response->failed()) {
return response()->json([], 502);
}
// The envelope wraps the data — suggestions are in Result
return response()->json($response->json('Result', []));
}
}
The whole integration is this one request. Everything else is plumbing to keep the key on the server and to debounce the front end.
Register the route
The browser should call your server, and your server calls sthan.io. There are two reasons for this. First, the API does not enable CORS for browser requests, so a direct call from the page would be blocked. Second, and more important, putting your API key in client-side JavaScript would expose it to anyone who opens the network tab. The controller keeps the key on the server.
<?php
// routes/web.php
use App\Http\Controllers\AddressController;
use Illuminate\Support\Facades\Route;
Route::get('/api/address/autocomplete', [AddressController::class, 'autocomplete']);
Your front end now has a clean URL to call: /api/address/autocomplete?query=123 main st returns a JSON array of addresses, and the API key never leaves the server. Using the array [Controller::class, 'method'] route syntax keeps the binding explicit.
Wire up the front-end input
The last piece is a debounced input that calls your route. Debouncing matters: without it, "123 main st" fires eleven requests, one per keystroke. With a 250ms debounce, it fires one request after the user pauses. Drop this into a Blade view:
<input type="text" id="address" autocomplete="off"
placeholder="Start typing your address..." />
<ul id="suggestions"></ul>
<script>
const input = document.getElementById("address");
const list = document.getElementById("suggestions");
let timer;
input.addEventListener("input", () => {
clearTimeout(timer);
const query = input.value.trim();
if (query.length < 3) {
list.innerHTML = "";
return;
}
// Wait 250ms after the last keystroke before calling the server
timer = setTimeout(async () => {
const res = await fetch(
`/api/address/autocomplete?query=${encodeURIComponent(query)}`);
const items = await res.json();
list.innerHTML = items.map((a) => `<li>${a}</li>`).join("");
}, 250);
});
</script>
The browser only ever talks to /api/address/autocomplete on your own domain. No key, no CORS, no third-party script. From here you can style the list, add keyboard navigation, and fill the form fields when a user clicks a suggestion.
Alternative: JWT authentication
An API key is the simplest option and is all most apps need. If your security policy prefers short-lived credentials, the platform also supports a 2-step JWT flow. You call GET /Auth/Token once with your profileName and profilePassword headers, receive a token valid for up to 60 minutes, then send that token as the Bearer value on subsequent calls. Cache it with Laravel's cache so you reuse it across requests:
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Facades\Http;
function sthanToken(): string
{
return Cache::remember('sthan_token', now()->addMinutes(50), function () {
$res = Http::withHeaders([
'profileName' => config('services.sthan.profile_name'),
'profilePassword' => config('services.sthan.profile_password'),
])->get(config('services.sthan.base') . '/Auth/Token');
return $res->json('Result.access_token');
});
}
You would then use Http::withToken(sthanToken()) instead of the static key. Everything else - the endpoint, the envelope, the parsing - stays the same.
Handle errors
Two status codes are worth handling explicitly so a hiccup never crashes your form:
- 401 - The key or token was rejected. Check the value and, on the JWT flow, clear the cached token and retry once.
- 429 - Rate limit reached. Back off and return what the user has typed so far rather than throwing.
$response = Http::withToken(config('services.sthan.key'))
->get($base . '/AutoComplete/USA/Address/' . rawurlencode($query));
if ($response->status() === 429) {
// Rate limited — degrade gracefully, don't crash the form
return response()->json([]);
}
Returning an empty list on failure means a momentary hiccup shows no suggestions rather than a broken page. The user can still type the address by hand.
What's next: confirm the address is deliverable
Autocomplete gets the user to a clean, well-formed address fast. It does not, on its own, confirm that mail or a package will actually arrive there - a suggestion can be correctly formatted yet point at a unit that no longer accepts delivery.
The natural next step is to run the chosen address through the Address Verification API at the moment the user submits the form. It returns a Delivery Point Validation (DPV) result and a deliverable status, standardizes the address to standard postal format, and appends ZIP+4 and county. The call is the same pattern you already built - one GET, the same envelope:
$response = Http::withToken(config('services.sthan.key'))
->get($base . '/v2/address-verification/usa/speculative/' . rawurlencode($selected));
$result = $response->json('Result');
// $result['deliverableStatus'], $result['dpvConfirmation']
Address Verification has its own free tier of 100 requests/month, with paid plans from $12/month. Pairing autocomplete (volume, real-time, as the user types) with verification (one confirming call at submit) keeps your costs low and your delivery data clean. For a deeper walkthrough of the address APIs, see the complete guide to address verification.
Frequently Asked Questions
Add a Laravel controller that uses the Http client to send your sthan.io API key as a Bearer token, calls GET /AutoComplete/USA/Address/{text}, and returns the suggestions from the Result field of the response envelope. The browser calls your route, and your controller calls sthan.io, so the key stays on the server.
The free tier includes 100,000 requests per month with no credit card required - roughly 20,000 address lookups assuming about 5 keystrokes per lookup. Paid plans start at $7/month. There is no trial period; the free tier is permanent. See pricing for higher-volume plans.
Call it from Laravel, not the browser. The API does not enable CORS for browser requests, and putting your API key in client-side JavaScript would expose it to anyone viewing the page source. Add a small proxy route: the browser calls your Laravel endpoint, the controller calls sthan.io with the key.
The simplest method is an API key sent as a Bearer token: Authorization: Bearer sthan_{environment}_{key}. Create the key in your dashboard and store it in your .env file, read through config(). A 2-step JWT flow is also available - call GET /Auth/Token with profileName and profilePassword headers to get a token valid for up to 60 minutes.
Every response is wrapped in a standard envelope with Id, Result, ClientSessionId, StatusCode, IsError, and Errors fields. For autocomplete, Result holds an array of postal-formatted address strings - each with the unit designation, city, state code, and ZIP+4.
Typically under 100ms, which is suitable for real-time typeahead. Pair the calls with client-side debouncing of 200-300ms so you send one request per pause rather than one per keystroke.
Confirm every address before you ship
You have autocomplete wired up. Add one verification call at submit to confirm deliverability with DPV - free tier of 100 requests/month, paid from $12/month, no credit card to start.