超激安ioTスイッチを作ってみる！

# 作ろうとしたきっかけ
僕自身非常にめんどくさがり屋で、スイッチをつけたら切るのが非常に面倒になって電気つけっぱなしで寝てしまうことが多いのです。
なので、その対策のためいろいろ探してたところ、switchbotってものをYouTubeで発見！！
一瞬で、**これ欲っしい！！**となったわけなのですが、値段が随分と高い...
![31Y7OCrsH8L.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/cbf85def-755f-83e9-1375-a53b9d6d9ab7.jpeg)
<a target="_blank" href="https://www.amazon.co.jp/gp/product/B06X92KHPV/ref=as_li_tl?ie=UTF8&camp=247&creative=1211&creativeASIN=B06X92KHPV&linkCode=as2&tag=umaxiaotian-22&linkId=e0d1b9f48b65132002aad6210b1a4ae8">Switch Bot ボタンを押してくれる超小型指ロボット （ワイヤレス / スイッチボット）</a><img src="//ir-jp.amazon-adsystem.com/e/ir?t=umaxiaotian-22&l=am2&o=9&a=B06X92KHPV" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
お値段1個、￥4,480

物理スイッチが多い僕の家では、これを何個も買わなくてはならず、これ何個も買ってたら総額何十万も行きそうなので、自作するしかないという結論に至りました。


# 必要物
・ESP8266 NodeMcu基板
https://bit.ly/2YxRavZ
※ヤフオクとかで探せば同型機が結構探せます。

・microサーボ
http://akizukidenshi.com/catalog/g/gM-08761/

これだけ！！
僕は全部Aliexpressで購入したので500円行きませんでした。超激安です！！

# MQTT対話サーバーの準備

まずは、↓MQTTサーバーとして、これに登録します。
https://www.adafruit.com/

とりあえず、すぐ登録できると思うので、登録出来たら
IOのところをクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/f968855f-bf3f-140b-b3f9-d39d99846007.png)
クリックしたら、次は「Feed」をクリックして、必要な項目を追加していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/601cf9d0-d115-55d8-da37-a5d479f869be.png)
Actionから、Create a New Feedをクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/ddad1de1-9490-81fb-8eea-68387e31f5ab.png)

Create a New Feed でonoffと、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/81b7f9b8-31ef-ebe6-1cb4-b0a131948cea.png)
LightsStatusを作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/577ed514-73ba-ab5e-7cb3-e67bfee53dc0.png)


それができたら、次は表示部分を作っていきます。

Dashboardをクリックして、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/4eb790bd-6ebc-241d-c2b4-97d0e2e83d30.png)

新しいダッシュボードを作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/6773c279-ae7a-e657-2f9a-84b8cdadbd8d.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/46cd4696-9dcc-8c83-e3aa-b1b6218562d7.png)

クリックしたら上のほうにこんなアイコン軍があるので、LEFTから3個目の水色の「＋」アイコンをクリックして、ブロックを追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/5fe75b6a-e01c-7d4e-305d-0b5ec3ac2a00.png)

こんな画面が出たら
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/42aad9b1-2472-b193-5c54-7054b6894b6e.png)

このON/OFFのスイッチのようなものを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/8e54a8af-2cf9-ec71-8305-8d76f394dd68.png)

選択すると、FEEDを選んでくださいね画面になるので、onoffを選択して、次へ進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/f9fe07d1-bb7c-8a5c-583c-6ee740cc877f.png)

ここでこのように名前を付けてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/1e55b261-4fb8-feb7-014b-c86a5e6847d3.png)

次はテキストを選んで、
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/487892bd-01cf-b9c4-ad6b-c3074ea0201f.png)

LightStatusを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/f6d3ba64-fb6d-9387-d682-7dca2ea90f71.png)

設定はこのように設定してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/20d9628c-5c3d-d0f4-87e0-2ae8b0b08efa.png)



あとは、APIトークンを取得しなければならないので、ダッシュボードのメニューから
View AIO Keyをクリックしてください。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/5c945714-282f-b979-2cf2-8252f574f5de.png)

クリックしたらアクティブキーなどが表示されるので、
Usernameと、Active Keyをどこかにコピーしておいてください。
ここまでくれば、ほぼ設定は完了です。

# マイコンの配線
超シンプルです！、このように配線してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/73279474-f166-5342-e223-e8554e760fcc.png)




# コードの書き込み
まず、Usernameと、Active Keyなどを合わせて設定します。

まず初めにWIFI定義のところにある、自分の家のアクセスポイントのSSIDとパスワードを記載します。

【書き換えるところ】
define WIFI_SSID ←アクセスポイントの名前
define WIFI_PASS ←アクセスポイントのパスワード
define MQTT_NAME ←AdafruitのUSERNAME
define MQTT_PASS ←Adafruitのアクティブキー

```mqtt_servo_controller.ino
#include <ESP8266WiFi.h>
#include "Adafruit_MQTT.h"
#include "Adafruit_MQTT_Client.h"

//サーボモーターを制御するためのライブラリをインクルード
#include <Servo.h>

//WIFI定義
#define WIFI_SSID "SSID"
#define WIFI_PASS "*********"
#define MQTT_SERV "io.adafruit.com"
#define MQTT_PORT 1883
#define MQTT_NAME "USERNAME"
#define MQTT_PASS "PASS***"

```

```


//任意のサーボモータークラスを用意。
Servo servo1; 
int val;
int state=0;
int led = D7;
```

MQTTの設定は下記で定義します
AdafruitのFeedで設定した項目がこちらに設定されています。

```
//MQTTの設定
WiFiClient client;
Adafruit_MQTT_Client mqtt(&client, MQTT_SERV, MQTT_PORT, MQTT_NAME, MQTT_PASS);
Adafruit_MQTT_Subscribe onoff = Adafruit_MQTT_Subscribe(&mqtt, MQTT_NAME "/f/onoff");
Adafruit_MQTT_Publish LightsStatus = Adafruit_MQTT_Publish(&mqtt, MQTT_NAME "/f/LightsStatus");
```

```
//初期セットアップ
void setup()
{
  //COMのシリアルスピード設定
  Serial.begin(9600);
  
   //デジタル4番ピンをサーボモーターの出力ピンとして設定
  servo1.attach(4);
   servo1.write(150);
   pinMode(14,OUTPUT);//LED


  //WIFIに接続する
  Serial.print("\n\nConnecting Wifi>");
  WiFi.begin(WIFI_SSID, WIFI_PASS);
  digitalWrite(LED_BUILTIN, LOW);
  
  while (WiFi.status() != WL_CONNECTED)
  {
    Serial.print(">");
    delay(50);
  }
  
//接続できたとき
  Serial.println("OK!");
  
  //onoffへ要求を出します。
  mqtt.subscribe(&onoff);
}

//サーボ定義（オン）の時
void on(void){
  //スイッチを消すときの処理
  servo1.write(200);
  delay(500);
servo1.write(150);

  }

//サーボ定義（オフ）の時
void off(void){
  //つけるときの処理
    servo1.write(150);
  delay(500);
servo1.write(90);
 delay (500);
 servo1.write(150);
  }


//ループ処理
void loop()
{
  //MQTTに接続する
  MQTT_connect();

  //不足するまでサブスクリプションキューから読み取る
  //サブスクリプションが更新されるまで最大5秒間待機
  Adafruit_MQTT_Subscribe * subscription;
  while ((subscription = mqtt.readSubscription(5000)))
  {
    //要求が完了したか判定
    if (subscription == &onoff)
    {
      //更新値をシリアルモニタに表示
      Serial.print("onoff: ");
      Serial.println((char*) onoff.lastread);

      //更新値が "ON"の場合は、ライトを点灯
      //それ以外の場合はオフに
      if (!strcmp((char*) onoff.lastread, "ON"))
      {
        //点灯   
   　　　on();
        LightsStatus.publish("ON");
      }
      else if (!strcmp((char*) onoff.lastread, "OFF"))
      {
　　　　//消灯
　　　　 off();
        LightsStatus.publish("OFF");

      }
      else
      {
        LightsStatus.publish("ERROR");
      }
    }
    else
    {
      //LightsStatus.publish("ERROR");
    }

  }

  //テスト
  //  if (!mqtt.ping())
  //  {
  //    mqtt.disconnect();
  //  }
}



void MQTT_connect()
{

  // Stop if already connected
  if (mqtt.connected() && mqtt.ping())
  {
    //    mqtt.disconnect();
    return;
  }

  int8_t ret;

  mqtt.disconnect();

  Serial.print("Connecting to MQTT... ");
  uint8_t retries = 3;
  while ((ret = mqtt.connect()) != 0) // connect will return 0 for connected
  {
    Serial.println(mqtt.connectErrorString(ret));
    Serial.println("Retrying MQTT connection in 5 seconds...");
    mqtt.disconnect();
    delay(5000);  // wait 5 seconds
    retries--;
    if (retries == 0)
    {
      ESP.reset();
    }
  }
  Serial.println("MQTT Connected!");
}
```


取り付け後のイメージはこんな感じです。
一応Switchbotの動作を見て作ったのでオフもできるのですが、消灯する時はサーボが持ち上がる動作のためSwitchbotのように何か両面テープで貼り付けてサーボで物理スイッチを持ち上げる物理的工夫が必要です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/418662/90c0fe58-2884-82a9-969f-c8cf03540ebb.png)

もし、物理的に持ち上げる工夫をされた方、是非やり方教えてください。
次回は、これをIFTTTでGoogleホームと連携できるようにします！！