AF is based on Vue3, the backend API is Announcer, it uses LIFF's shareTargetPicker to send and generate form data to FlexMessage template for LINE User/Group/Room 🙂.

Template like this:

If you want to get these, you need to follow Announcer README.

[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/announcer-vue.git
cd announcer-vue/
npm install
cp .env.example .env # Input backend API url in VUE_APP_API
npm run dev

• 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