add rich menu sample code (#314)

Author: 4geru

examples/rich-menu/README.md

@@ -0,0 +1,24 @@
+# rich menu
+
+[Using rich menus](https://developers.line.biz/en/docs/messaging-api/using-rich-menus/)
+
+## How to use
+
+### Install deps
+
+``` shell
+$ npm install
+```
+
+### Configuration
+
+``` shell
+$ export CHANNEL_SECRET=YOUR_CHANNEL_SECRET
+$ export CHANNEL_ACCESS_TOKEN=YOUR_CHANNEL_ACCESS_TOKEN
+```
+
+### Run
+
+``` shell
+$ node .
+```

examples/rich-menu/index.js

@@ -0,0 +1,122 @@
+'use strict';
+
+const line = require('@line/bot-sdk');
+const { join } = require("path");
+const { readFileSync } = require("fs");
+
+// create LINE SDK config from env variables
+const config = {
+  channelAccessToken: process.env.CHANNEL_ACCESS_TOKEN,
+  channelSecret: process.env.CHANNEL_SECRET,
+};
+
+// create LINE SDK client
+const client = new line.Client(config);
+
+const richMenuObjectA = () => ({
+  size: {
+    width: 2500,
+    height: 1686
+  },
+  selected: false,
+  name: "richmenu-a",
+  chatBarText: "Tap to open",
+  areas: [
+    {
+      bounds: {
+        x: 0,
+        y: 0,
+        width: 1250,
+        height: 1686
+      },
+      action: {
+        type: "uri",
+        uri: "https://www.line-community.me/"
+      }
+    },
+    {
+      bounds: {
+        x: 1251,
+        y: 0,
+        width: 1250,
+        height: 1686
+      },
+      action: {
+        type: "richmenuswitch",
+        richMenuAliasId: "richmenu-alias-b",
+        data: "richmenu-changed-to-b"
+      }
+    }
+  ]
+})
+
+const richMenuObjectB = () => ({
+  size: {
+    width: 2500,
+    height: 1686
+  },
+  selected: false,
+  name: "richmenu-b",
+  chatBarText: "Tap to open",
+  areas: [
+    {
+      bounds: {
+        x: 0,
+        y: 0,
+        width: 1250,
+        height: 1686
+      },
+      action: {
+        type: "richmenuswitch",
+        richMenuAliasId: "richmenu-alias-a",
+        data: "richmenu-changed-to-a"
+      }
+    },
+      {
+      bounds: {
+        x: 1251,
+        y: 0,
+        width: 1250,
+        height: 1686
+      },
+      action: {
+        type: "uri",
+        uri: "https://www.line-community.me/"
+      }
+    }
+  ]
+})
+
+const main = async (client) => {
+  // 2. Create rich menu A (richmenu-a)
+  const richMenuAId = await client.createRichMenu(
+    richMenuObjectA()
+  )
+
+  // 3. Upload image to rich menu A
+  const filepathA = join(__dirname, './public/richmenu-a.png')
+  const bufferA = readFileSync(filepathA)
+
+  await client.setRichMenuImage(richMenuAId, bufferA)
+
+  // 4. Create rich menu B (richmenu-b)
+  const richMenuBId = await client.createRichMenu(richMenuObjectB())
+
+  // 5. Upload image to rich menu B
+  const filepathB = join(__dirname, './public/richmenu-b.png')
+  const bufferB = readFileSync(filepathB);
+
+  await client.setRichMenuImage(richMenuBId, bufferB);
+
+  // 6. Set rich menu A as the default rich menu
+  await client.setDefaultRichMenu(richMenuAId)
+
+  // 7. Create rich menu alias A
+  await client.createRichMenuAlias(richMenuAId, 'richmenu-alias-a')
+
+  // 8. Create rich menu alias B
+  await client.createRichMenuAlias(richMenuBId, 'richmenu-alias-b')
+  console.log('success')
+}
+
+main(client)