@line/liff-main-profile-plugin
A LIFF Plugin to get and auto-fill forms main profile data from Account Center.
How to use
CDN
CDN versions of packages is hosted in TBD and can be imported using the script tag as shown below.
index.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/src/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="TBD"></script>
<title>LIFF App</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.js"></script>
</body>
</html>
The package is then defined in the global object with the name liffMainProfile
.
So you can use the package as a LIFF Plugin as follows in the js/ts file.
index.js
liff.use(new liffMainProfile.LiffMainProfilePlugin());
await liff.init({ liffId: "xxx" });
const profile = await liff.$mainProfile.get();
liff.$mainProfile.fill(profile);
npm
npm install @line/liff-main-profile-plugin`
import { LiffMainProfilePlugin } from "@line/liff-main-profile-plugin";
liff.use(new LiffMainProfilePlugin());
await liff.init({ liffId: "xxx" });
const profile = await liff.$mainProfile.get();
liff.$mainProfile.fill(profile);