日本語はこちら
This is a tool to manager Rich Menus for your LINE bot. See here for more detail about Rich Menu.
If you just want to use it, install and run from npm.
npm install -g line-richmenus-manager
line-richmenus-manager
or for macOS,
sudo npm install -g line-richmenus-manager
sudo line-richmenus-manager
It will open a browser and start the service on port 3000. I recommend using Chrome as browser. When you stop it, Ctrl+C from the terminal. You can also pass port parameter to specify port to run the app.
line-richmenus-manager --port:3200
It's simple enough to figure out. Please try and let me know if you stuck somewhere.
At the moment, the applicaiton let you:
- List Rich Menus for your bot.
- Find a Rich Menu for a user.
- See the Rich Menu detail, link or unlink it from a user.
- Create new Rich Menu.
- Delete the Rich Menu. You can use mouse to draw the area for action in the image you specify, or/and use text box to specify x/y/width/hight for pixel level modificaiton.
- LINE developer account
- node.js
- And of course your LINE bot app :)
- Visual Studio Code
- Debugger for Chrome extension
- This app is only tested in Chrome
Use following commands to clone and install module.
git clone https://github.com/kenakamu/line-richmenus-manager
npm install
This application consists of express server and Angular 2 application. To debug this, do the following.
- Open Integarated Console and run the following command. It runs Angular 2 application and use proxy.js to talk with server (express in this case.)
ng serve --aot --progress=false --proxy-config proxy.conf.json
-
If you want to debug express server, then select Debug menu in VSCode, then select "Launch Node". Press F5, which will run the node app in debug mode.
-
To debug browser, select "Launch Chrome" and Press F5.
Azuma Ken
This application uses Ignite UI for Angular by INFRAGISTICS as UI component.