LIFF Starter: integrate LIFF into your own development environment

by Vue.js Examples

LIFF Starter

LIFF Starter is a good starter template can help you understand how to integrate LIFF into your own development environment.

You can check the source code and modify it to implement some cool stuff with LIFF API.

Getting Start

Install dependencies

$ npm ci

You can run local server with:

$ npm start

Build & Deploy

Deploy the app using ‘Deploy to Netlify’ button

  1. Click Deploy to Netlify above.
  2. On the “Create New App” page in Netlify, fill in the required information.
  3. Click Deploy app.

Build and deploy the app with Netlify CLI tools

  1. Install Netlify CLI tool from npm.
$ npm install netlify-cli -g
  1. Run following command to build project.
$ LIFF_ID="your LIFF ID" npm run build
  1. Make sure you have signed in your Netlify account.
$ netlify login
  1. Deploy to Netlify
$ netlify deploy

  1. Create your site name and choose the source path dist to deploy.

  2. You can see the stating(draft) site URL, once you confirm it you can deploy it to production stie.

$ netlify deploy --prod

Demo site

You can also check official site before you trying it.

https://liff-starter.netlify.app