# LINE Login LIFF

{% stepper %}
{% step %}

## [Create LINE Business ID & Sign in to LINE Developers](https://developers.line.biz/en/)

* Sign in using your personal LINE account or email
* Create a Business ID to access LINE Developers Console

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FP5te77AOOkZhbmC1xWrA%2FLINE%20Business%20ID.png?alt=media&#x26;token=8445b75b-98e2-4a96-99fc-7d9916ff8c04" alt="" width="240"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## [Register Developer Information](https://developers.line.biz/en/docs/line-developers-console/login-account/#register-as-developer)

* Add Developer Name and Email

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2F1xeJa7y4a6uOuliCvIrp%2Fdeveloper%20information.png?alt=media&#x26;token=1457c87c-2be5-4c08-b5a7-37f9847425f9" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## [Create a Provider](https://developers.line.biz/en/docs/liff/getting-started/#step-one-create-provider)

* Enter **Provider Name**
* Create the provider
  {% endstep %}

{% step %}

## [Create a LINE Login Channel](https://developers.line.biz/en/docs/liff/getting-started/#step-one-create-provider)

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FNN3vi2JGvWxfK8EJWKri%2Fchannel_LIFF.png?alt=media&#x26;token=3c6b696f-3dbc-479e-8c70-c2b12f0e39bf" alt="" width="563"><figcaption></figcaption></figure>

| Field                                | Value                               |
| ------------------------------------ | ----------------------------------- |
| Region to provide the service        | Select target service country       |
| Company or owner’s country or region | Select the legal entity country     |
| Channel name                         | Enter Unifi Apps name               |
| Channel description                  | Provide a brief service description |
| App types                            | Select **Web app**                  |

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FTK8VVvSzbBzsYGCHFx9N%2Fdevelopers.line.biz_console_channel_new_provider%3D2004696501%26type%3Dline-login.png?alt=media&#x26;token=bd5fdbb4-75cd-490b-872e-8e5e2096f8b5" alt="" width="563"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## [Create a LIFF](https://developers.line.biz/en/docs/liff/registering-liff-apps/#registering-liff-app)

> Location: LINE Developers → Provider → LINE Login Channel → **LIFF** tab → Add friend option, and set it to On (aggressive).

| Field             | Value                                     |
| ----------------- | ----------------------------------------- |
| LIFF app name     | Enter Unifi Apps name                     |
| Size              | Full                                      |
| Endpoint URL      | Enter Unifi Apps URL                      |
| Scopes            | `openid` (required), `profile` (optional) |
| Add friend option | On (Normal)                               |

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2Frgnc2t5g66o8qxOiLZa6%2Fdevelopers.line.biz_console_channel_new_provider%3D2004696501%26type%3Dline-login%20(1).png?alt=media&#x26;token=8fdae3b4-f4c0-4604-828c-7d61c201f720" alt="" width="563"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## [Create a Messaging API Channel & LINE Official Account (Required for OA linking)](https://developers.line.biz/en/docs/messaging-api/getting-started/#create-oa-line-business-id)

> Location: LINE Developers → Provider → Create a new Channel → **Messaging API**

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FIuqi4DrEMztORE5dZ8dT%2Fchannel_messaging%20API.png?alt=media&#x26;token=a06b5e19-513d-47e5-8d7a-b44139d87e46" alt=""><figcaption></figcaption></figure>

Configure the following:

* SMS verification: text message
* Account name: Unifi Apps name
* Email address: Representative email
* Legal entity country/region
* Company name: legal entity name
* Industry: Select main & sub category

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FrBc0gD4shHoTi6FSfsYI%2FCreate%20OA.png?alt=media&#x26;token=89802372-4179-4223-a410-6f15fcf97912" alt="" width="524"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## [Enable Messaging API for the LINE Official Account](https://developers.line.biz/en/docs/messaging-api/getting-started/#using-oa-manager)

> Location: LINE Official Account → **Settings → Enable Messaging API → Select Provider**

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2Fv8WlJ1ZTvFEWAo5DLzZJ%2FOA.png?alt=media&#x26;token=099ea20a-8701-4b3c-9f1c-8196e92a0096" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## Link LINE Official Account with LINE Login Channel

> Location: LINE Developers → Provider → LINE Login Channel → **Basic settings** →\
> Add friend option → Linked LINE Official Account → Edit → Select Created OA

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2FA4TbVSJl08PnrTWitopi%2FLink%20OA.png?alt=media&#x26;token=d759f76a-49fb-4637-bf48-294d60ec0365" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

## Publish Your LINE Login LIFF (Production)

> Location: LINE Developers → Provider → LINE Login Channel → **Developing → Publish**

LIFF must be published in Production for demo submission.

When in *Developing* status, access to LIFF is restricted and demo review cannot proceed.

<figure><img src="https://3579085597-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjuuhQ1BuKwYKE7NR6geM%2Fuploads%2Fm3MsmiL0HFlk8MWHrnyB%2Fpublish.png?alt=media&#x26;token=6d365ef0-f220-4ca7-bd24-502de1c839d7" alt=""><figcaption></figcaption></figure>

{% endstep %}
{% endstepper %}