Safari

SSL ( TLS )

ESP32 および M5Stack で DNS および mDNS の SSL server を作ってみた

ESP32 と M5Stack を SSL サーバー化し、DNS ネームおよび mDNS ネームでアクセスできるようにしてみました。それにより、OpenSSL で発行したルート CA 証明書や サーバー証明書を DNS ネームで発行できて、ESP32 同士、M5Stack 同士で SSL 通信が可能になりました。スマホやパソコンのブラウザに信頼されることができました。URL 欄に鍵マークが表示でき・・・
2
ESP32 ( ESP-WROOM-32 )

ESP32-WROOM-32 で信頼ある SSL サーバーを自作する ( ESP-IDF編 )

ESP32-WROOM-32 で SSL サーバーを自作する第3弾。今回は実際のハードウェアを使ってサーバーを構築します。しかも、ブラウザから「信頼された」サーバーを作ります。URL欄に緑色の鍵マークを表示させてみます。セキュアな IoT 開発に威力を発揮しそうです。証明書のインストールや、ESP-IDF を使ってコンパイルし、スマホでアクセスしたり・・・
7
ESP8266 ( ESP-WROOM-02 )

視認性クッキリ! 大き目ドットの OLED WS0010 で日本語漢字フォント電光掲示板風スクロール&スマホ操作

大き目ドットの有機EL ( OLED )で日本語漢字フォント電光掲示板の高速スクロールが実現しました。しかも、スマホからリアルタイム制御です。ESPr Developer ( ESP-WROOM-02 ESP8266 ) のGPIO をエキスパンダ( MCP23S08 )で増設してSPIをパラレル8bitモードにして・・・
0
ESP8266 ( ESP-WROOM-02 )

SDカードの画像ファイルを ESP-WROOM-02 の Wi-Fi で送信してスマホに表示させる方法

micro SD カードに保存した JPEG や BMP 画像ファイルを ESP-WROOM-02 ( ESP8266 ) を使ってWi-Fiで飛ばして、スマートフォンのブラウザに表示させてみました。Adafruit の micro SD カードスロット付き OLED ( 有機EL ) を使ってます。ボタン操作は WebSocket 通信で制御して、ブラウザのセレクトボックスを動的にファイル名を取得させて・・・
11
ESP8266 ( ESP-WROOM-02 )

EasyWebSocket ライブラリ Beta 1.37 をアップしました。ESP-WROOM-02 ( ESP8266 )専用です。

ESP-WROOM-02 ( ESP8266 )専用の自作ライブラリ EasyWebSocket をアップデートしました。Beta 1.37 です。初回スマホアクセス時のブラウザ表示が格段に速くなりました。iOS Safari でのWebSocket再接続ボタンを修正しました。HTTPコネクションが安定しました。
0
ESP8266 ( ESP-WROOM-02 )

WROOM開発ボード(SWITCH-SCIENCE)でスマホから3つのLEDコントロールできた

スイッチサイエンス ( SWITCH-SCIENCE )さんの ESP-WROOM-02 開発ボードでスマホブラウザから3色のLEDを個別に調光コントロールできました。双方向ストリーミング通信の WebSocket 使ってます。4つ目のスライダーで3つのLEDを交互に点滅もできます・・・
0
ESP8266 ( ESP-WROOM-02 )

WROOM から温度湿度センサー値を スマホ ストリーミング 表示

ESP-WROOM-02 ( ESP8266 )単体をArduino化して 温度 湿度 センサー の DHT11 と シリアル通信させ、センサーの値を スマホ ブラウザ へ Wi-Fi で Server-Sent Events使って表示させました。センサー値はテキスト数値表示と HTML の Canvas 要素を使ってグラフィック表示させ、データーロガー的にスクロールさせてます。
2
ESP8266 ( ESP-WROOM-02 )

WROOM 単体に Arduino スケッチで Wi-Fi ストリーミング

ESP- WROOM -02 ( ESP8266 ) 単体に Arduino スケッチを書き込み、NTPタイムサーバ時計を iOS ( Safari )や Android ( Chrome )などのスマホブラウザに Wi-Fi ストリーミング 表示させてます。Server-Sent Events 使ってます。
25
Arduino

Canvas で残像効果を出して、アナログメーターっぽい表示(ArduinoからAndroidへServer-Sent Events使用)

ArduinoとEthernetShield2を使ってスマホブラウザにオーディオメーターをストリーミング表示させ、JavaScriptのCanvas要素を使って残像効果を出すとアナログメーターっぽいことができました。Server-Sent Events使ってます。
0
Arduino

メーターをスクロールしてみました(ServerSentEvents使用from Arduino)

ArduinoとEthernetShieldを使ってServer-Sent Eventでストリーミング通信のスマホブラウザオーディオレベルメーターを横方向スクロールさせると、データロガー的にオモシロイ表示になりました。
2