Panduan LINE Lanjutan | Cara Mencipta LIFF App daripada LINE Developers

Selepas menyediakan LINE Login untuk LINE Official Account, kali ini kami memperkenalkan satu ciri penting LINE Login yang juga unik kepada LINE: LIFF App. Kami tunjukkan cara menambah LIFF App melalui LINE Login Channel dalam LINE Developers serta beberapa senario penggunaannya.

Khan LeeCTO2021-09-24

Selepas menyediakan LINE Login untuk LINE Official Account anda, kali ini kami ingin berkongsi satu ciri penting LINE Login: LIFF App. Kami akan terangkan cara menambah LIFF App dan senario penggunaannya. Sebelum masuk ke langkah tetapan, ramai yang nampaknya masih belum tahu apa itu LIFF App, jadi mari kita kenali dahulu secara ringkas!

‍

Apakah LIFF App?

Mari lihat definisi LIFF App oleh LINE Developers: LINE Front-end Framework (LIFF) is a platform for web apps provided by LINE. The web apps running on this platform are called LIFF apps.

‍

Secara ringkas dalam bahasa Melayu:

‍

LIFF App ialah aplikasi web yang berjalan pada platform bernama LINE Front-end Framework (LIFF).

‍

Lebih mudah lagi, bayangkan LIFF App sebagai pelayar terbina dalam aplikasi LINE. Apabila rakan menggunakan pelayar ini, LIFF App membantu perniagaan mendapatkan maklumat LINE pengguna, contohnya user ID rakan (tentunya selepas rakan bersetuju datanya dikumpul).

Ilustrasi telefon menunjukkan LIFF App dibuka selepas pautan diketik dalam LINE Official Account, membantu perniagaan memperoleh data rakan.

‍

Cara Mencipta LIFF App

Selepas memahami apa itu LIFF App, bagaimana pula cara menambahnya? Anda mencipta LIFF App melalui LINE Developers, bukan melalui LINE Official Account Manager. Ramai yang sering keliru antara kedua-dua platform ini. Panduan mudahnya: semua tetapan teknikal dibuat di LINE Developers; interaksi dengan rakan dan pengurusan akaun dibuat di LINE Official Account Manager.

Oleh sebab LIFF App terletak di bawah LINE Login, anda perlu mempunyai LINE Login terlebih dahulu. Jika belum ada, baca panduan berikut dahulu:

‍

Cara Mencipta LINE Login daripada LINE DevelopersAdakah LINE Official Account anda sudah sampai ke tahap memerlukan LINE Login? Sebelum mula menyediakannya, mari kenali dahulu apa itu LINE Login dan bila ia digunakan.https://oakmega.com/blog/create-line-login-from-line-developers

Kulit berwarna ungu bergaya teknologi bertulis “Cara Mencipta LINE Login daripada LINE Developers”.

‍

Jom tambah LIFF App!

Di laman LINE Developers, klik “Log in” di penjuru kanan atas dan log masuk ke konsol LINE Developers menggunakan LINE Business ID.

Laman utama LINE Developers dengan butang “Log in” di penjuru kanan atas ditanda dengan kotak merah dan anak panah.

‍

Dalam LINE Developers, buka Provider yang berkaitan, kemudian cari dan klik LINE Login Channel yang ingin ditambah LIFF App.

Senarai Channel OakMega dengan LINE Login Channel ditanda kotak merah untuk menambah LIFF App.

‍

Dalam LINE Login Channel, klik tab “LIFF” di bahagian atas.

Halaman Basic settings LINE Login Channel, dengan kotak merah dan anak panah menunjuk ke tab LIFF.

‍

Dalam tab LIFF, tatal ke bawah dan klik “Add” untuk mula mencipta LIFF App.

Tab LIFF dalam LINE Developers yang belum mempunyai aplikasi, menunjukkan tempat untuk menambahnya.

Halaman LIFF App dalam LINE Developers, dengan kotak merah dan anak panah menunjuk ke butang Add.

‍

Langkah 2: Masukkan Maklumat

Untuk menambah LIFF App, anda perlu mengisi beberapa maklumat asas (Basic information) mengikut arahan di skrin:
LIFF app name: Hanya dipaparkan dalam konsol LINE Developers; rakan LINE tidak akan melihatnya semasa membuka LIFF App. Masukkan nama jenama.
Size: Saiz paparan LIFF App apabila dibuka dalam LINE. Pilih “Full” untuk paparan skrin penuh (Tall memaparkan 70%, Compact memaparkan 50%).

Halaman tetapan tambah LIFF App untuk mengisi nama jenama dan memilih paparan skrin penuh.

‍

Teruskan mengisi Basic information:
Endpoint URL: Alamat yang dibuka apabila rakan membuka LIFF App. Masukkan laman web rasmi jenama atau mana-mana URL yang anda mahu.
Scopes: Maklumat yang ingin dikumpul dalam LIFF App. Tandakan kedua-dua “profile” dan “openid”.
Bot link feature: Sama ada data rakan dipautkan kepada LINE Official Account apabila mereka membuka LIFF App. Pilih “On (Normal)”.

Halaman tetapan LIFF memaparkan Endpoint URL, Scopes profile dan openid serta pilihan Bot link feature.

‍

Seterusnya, isi bahagian Options:
Scan QR: Jangan tandakan.
Module Mode: Hidupkan (pilihan ini hanya muncul jika Size ditetapkan kepada “Tall” atau “Compact”).

Halaman tetapan tambah LIFF App dalam LINE Developers, contoh Scan QR dimatikan dan Module Mode dihidupkan.

‍

Selesai mengisi, klik “Add” dan LIFF App pertama anda siap!

Halaman tetapan LIFF App dengan Scan QR dimatikan, Module Mode dihidupkan dan anak panah menunjuk ke butang Add.

‍

Salin LIFF URL, tampal ke dalam ruang mesej LINE, kemudian buka pautan itu di telefon untuk melihat hasil tetapan LIFF App anda!

Halaman pengurusan LIFF dengan LIFF URL ditanda kotak merah untuk disalin ke mesej LINE bagi tujuan ujian.

‍

Soalan Lazim tentang LIFF App

Berikut beberapa soalan lazim yang mungkin timbul selepas mencipta LIFF App buat kali pertama:

Soalan 1: Selepas LIFF App disediakan, adakah data pengguna benar-benar dikumpul dalam pelayar?

Sama seperti LINE Login, anda memerlukan jurutera untuk mengubah suai laman web sebelum data yang dikumpul melalui LIFF App dapat disimpan ke pelayan anda sendiri. Kami akan menerbitkan panduan terperinci untuk jurutera, jadi teruskan mengikuti “Panduan Pengurusan LINE OakMega”!

Soalan 2: Kenapa LIFF App LINE Official Account lain boleh mengumpul e-mel?

Kerana mereka telah membuat tetapan tambahan untuk LINE Login, jadi email boleh ditandakan dalam pilihan Scopes LIFF App dan alamat e-mel rakan turut dikumpul.

Soalan 3: Masih kurang faham fungsi Bot link feature?

Kami akan menerbitkan artikel khas tentang Bot link feature, jadi teruskan mengikuti “Panduan Pengurusan LINE OakMega”!

‍

Mahu tahu lebih banyak cara mengurus LINE? Bagaimana pula mahu mengecilkan paparan LIFF App? Kunjungi LINE Official Account OakMega untuk kandungan lanjut, atau ikuti “Panduan Pengurusan LINE OakMega” yang menyediakan panduan lengkap membina LINE Official Account jenama anda dari awal.