{"id":13625891,"url":"https://github.com/line/liff-playground","last_synced_at":"2025-04-16T10:33:37.480Z","repository":{"id":39759001,"uuid":"450391442","full_name":"line/liff-playground","owner":"line","description":"An example app to show the usage of LIFF's API functions","archived":false,"fork":false,"pushed_at":"2025-03-19T09:18:34.000Z","size":5168,"stargazers_count":103,"open_issues_count":1,"forks_count":51,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-30T18:35:34.304Z","etag":null,"topics":["create-liff-app","liff","line","react","types","typescript"],"latest_commit_sha":null,"homepage":"https://liff-playground.netlify.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/line.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-21T07:15:21.000Z","updated_at":"2025-03-19T09:18:38.000Z","dependencies_parsed_at":"2024-01-16T04:46:12.354Z","dependency_job_id":"45673618-dcb5-4fe4-b4d0-8122b4a58e31","html_url":"https://github.com/line/liff-playground","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/line%2Fliff-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/line%2Fliff-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/line%2Fliff-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/line%2Fliff-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/line","download_url":"https://codeload.github.com/line/liff-playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249228273,"owners_count":21233852,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["create-liff-app","liff","line","react","types","typescript"],"created_at":"2024-08-01T21:02:04.765Z","updated_at":"2025-04-16T10:33:37.125Z","avatar_url":"https://github.com/line.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# LIFF Playground\n\nThis is a web application that allows you to try out the basic features of the [LINE Front-end Framework (LIFF)](https://developers.line.biz/en/docs/liff/overview/). For example, you can deploy the following playground to your server.\n\n* [LIFF Playground](https://liff-playground.netlify.app)\n\n## Table of contents\n\n* [Preparation](#preparation)\n  1. [Get a LIFF ID](#1-get-a-liff-id)\n  1. [Set the LIFF ID](#2-set-the-liff-id)\n* [Usage](#usage)\n  * [Run on local](#run-on-local)\n  * [Deploy to a server](#deploy-to-a-server)\n\n## Preparation\n\n### 1. Get a LIFF ID\n\nTo start the LIFF Playground, you need to obtain a LIFF ID from the [LINE Developers Console](https://developers.line.biz/console/). Follow the steps below to obtain a LIFF ID.\n\n* [Create a channel](https://developers.line.biz/en/docs/liff/getting-started/)\n* [Adding a LIFF app to your channel](https://developers.line.biz/en/docs/liff/registering-liff-apps/)\n\n### 2. Set the LIFF ID\n\nSet the LIFF ID obtained in the above procedure as an environment variable. Open `.env` and set the LIFF ID.\n\n````\nVITE_LIFF_ID=\"Your LIFF ID\"\n````\n\n## Usage\n\nThis section shows two ways to run it on local and deploy it on a server.\n\n### Run on local\n\nTo run the LIFF Playground on local, first install the dependent packages. Then run the application.\n\n```bash\n$ yarn\n$ yarn dev\n```\n\nThis will start it up. When you access the URL shown in the terminal, you can see the LIFF Playground.\n\nIncidentally, the LIFF application endpoint requires HTTPS. To start the local server with HTTPS, run the following command instead of `yarn dev`.\n\n```bash\n$ yarn dev:https\n```\n\n### Deploy to a server\n\nThis section shows an example of deploying LIFF Playground to [Netlify](https://www.netlify.com/). Install the [Netlify CLI](https://docs.netlify.com/cli/get-started/) beforehand.\n\nThe following commands will build the source code and deploy it to Netlify.\n\n```bash\n$ netlify build\n$ netlify deploy --prod\n```\n\nAfter executing the above, the LIFF Playground will be deployed on Netlify. And the URL of the deployed page will be displayed in the terminal.\n\nThen register this URL on the [LINE Developers Console](https://developers.line.biz/console/). Register this URL as the `Endpoint URL` in the LIFF app settings page. See [Adding a LIFF app to your channel](https://developers.line.biz/en/docs/liff/registering-liff-apps/) for instructions on how to register.\n\nThat's it! The LIFF Playground will appear when you access the deployed URL. You can confirm that LINE Login and other features work properly.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fline%2Fliff-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fline%2Fliff-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fline%2Fliff-playground/lists"}