福野泰介の一日一創

その場のWiFiにつなぎたい、でも、SSIDとパスワードの入力は面倒ですよね。
そんなとき、WiFiのQRコードがあれば、スマホのカメラでかざし、すぐ接続できて便利です。

でも、課題が2つ
1. WiFiのQRコードが作成されていない
2. パソコンからつなぎたい

解決するアプリ「WiFi QR Maker」を作りました。

「WiFi QR Maker」 src on GitHub

機能は2つ
1. SSIDとパスワードからWiFiのQRコードを生成
2. カメラからQRコードを読み込みSSIDとパスワードを表示

会議室やお店でゲストWiFiを使ってほしい方、ぜひ活用ください。
プログラムは、HTML/CSS/JavaScriptでできた70行1ファイル「index.html」
肝は、こちらWiFiQRクラスのencodeとdecode class WiFiQR { static encode(ssid, pass) { return `WIFI:T:WPA;S:${ssid};P:${pass};;`; } static decode(wifi) { const parse = (name) => { const s = wifi; const n = s.indexOf(name + ":"); if (n < 0) return ""; const m = s.indexOf(";", n + name.length + 1); if (m < 0) return ""; return s.substring(n + name.length + 1, m); }; const ssid = parse("S"); const pass = parse("P"); return { ssid, pass }; } }; QRコード作成はqr-code拡張タグ、QRコード読み取りはqr-code-reader拡張タグでできています。

デザインなどかっこよく作ってくれる方、大募集のオープンソースです。
src on GitHub

links
- 名刺を忘れた!?そんな時、QR名刺メーカー！