見出し画像

リッチメニュー マネージャー完成

管理画面を作る

前回のリッチメニュービルダーが完成したので、管理画面を作ろうと思います。
ここで言う管理画面とは、リッチメニュービルダーで作成した骨組みアクション追加し、LINE API経由で登録するものです。

ZIPファイルとして保存してあったリッチメニュー画像ボタンを配置した骨組みを読み込みます。
任意のボタンエリアアクション紐づけ登録します。
とりあえずのアクションとしては、テキストURLリッチメニューの切り替え、この3つを目標に進めていきます。

あまり大きな問題はなく進む

実際、LINE側にリッチメニューを登録するのはそんなに難しいことではありませんでした。
多少のつまずきはありましたが。

次は、登録されているリッチメニュー読み込み、現在設定してあるアクション変更してみます。そして、再登録
ここまでは大きな問題なく進みました。

リッチメニューID というものがあり、これが登録されたリッチメニュー管理するIDなのですが、実は、リッチメニュー編集したりして再登録するときに、違うID書き換わるんですよね。

リッチメニューIDだけでは切り替えの管理ができない


そうなんです。リッチメニューの切り替えボタンにこのID使うと、永遠に切り替えができる形にはなりません

以下のようなこと起きます

  1. メニューAボタンにメニューBのIDを入れます。メニューBのID、ここではB001とします。

  2. メニューBボタンにメニューAのIDを入れます。メニューAのIDはひとまずA001とします。

  3. メニューBを登録します。すると、メニューBのIDはB001ではなく別のID書き換わります。(例 B010 )

  4. メニューAの切り替えボタン押しても、切り替え先のB001というIDがすでに存在しません

エイリアス(Alias)という入れ物

実はエイリアスというものがあって、リッチメニューをその入れ物の中にしまっておけるんです。
切り替えエイリアス管理すれば、中身のリッチメニューを何に差し替えようが関係なく切り替えができるようになります。

とりあえずタブでリッチメニュー 切り替えまでできるようになりました。

編集作業にも欲が出るもので

編集作業といっても、今は画像差し替えとボタンエリアのアクション入れ替え、これだけです。
簡単な画像の修正くらいしかできません。

とりあえず、ボタンエリア修正変更ができるようにしようと思いましたが、それならばリッチメニュビルダー統合すればいいのでは、ということに。

管理画面ではなく、リッチメニューマネージャーに生まれ変わりました。

リッチメニューマネージャーでできること

  1. リッチメニューを作成
    極端にサイズ(px)の違う画像は読み込まない
    登録できるサイズにリサイズ(容量のみpxは維持)
    ドラッグでボタンエリア絵画 (エリアの重なり検知、色を変えて警告)
    ボタンのアクション決める(現在は以下の3つ)
    テキスト(合言葉)送る、URLリッチメニュー切り替え

  2. リッチメニューの登録
    リッチメニュー登録時エイリアス紐付ける。(以下の3つから選択)
    エイリアスそのまま、リッチメニュー 上書き(差し替え&編集時)
    エイリアスを新規作成して紐づける
    エイリアス無しで登録

  3. 編集作業
    画像
    の差し替え
    ボタンエリア変更アクション変更

  4. その他の機能
    テスト送信 (LINE ID登録をした者にリッチメニューテスト送信)
    デフォルトのリッチメニューを登録 (何かあった時用)

メニュー一覧&編集画面 プレビュー

ひとまずリッチメニュー管理ここまでとして、次はタグ管理やってみようかな。とは思ったものの、ちょっと休憩です。

いいなと思ったら応援しよう!