L@ f&{ X K" Y^ҚTy"a"* z0uN(x`X@Ĺ@n 5,G{UM͋
\T<[OqS $mtvZY bidddates2024-04-22T23:55:00etitlexPストップWiFiパスワードの手打ち、WiFi QRメーカー＆リーダーdtagsc#jscurlxhttps://fukuno.jig.jp/4289dbodyy
その場の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名刺メーカー！
cimgxKhttps://img.sabae.cc/data/20240423/94e4ebb2-6e55-4e31-9487-cbeb59f3c078.jpg