It uses LIFF's shareTargetPicker to send FlexMessage template for LINE User/Group/Room 🙂.

[static.json] is Heroku setting file, if you want to understand more, you can follow this page

• Clone this project👍

git clone https://github.com/louis70109/vue-liff-shareTargetPicker.git
cd announcer-vue/
npm install
cp .env.example .env # Input backend API url in VUE_APP_API
npm run serve

• Build a new terminal and input the following command to forward localhost to SSL environment by Ngrok.:

npx ngrok http --region ap --host-header=rewrite 8080

• Next step you need to create a LINE Login channel in Developer Console
  • Create a LIFF app with https://DOMAIN_URL/liff/template endpoint url.
  • publish LINE Login channel.
  • enable shareTargetPicker button.

npm run build

MIT License