# Configuration de LINE Sign-in

Utilisez ceci lorsque vous souhaitez activer le **LINE** bouton dans un formulaire d’inscription.

Commencez par [Connexion sociale](/docs/fr/inscrire/enrolment-form/social-sign-in.md) pour comprendre le parcours utilisateur. Revenez ensuite ici pour la configuration du fournisseur.

<div data-with-frame="true"><figure><img src="/files/c24b1dbe43624930a580fb29c5ac2fe01c943f68" alt="Line-Social-Sign-In-Example" width="375"><figcaption><p>Connecter Line dans un exemple de formulaire d’inscription</p></figcaption></figure></div>

### Vue d’ensemble

#### Ce que vous allez configurer

* Un **Channel Line** avec le produit Line Login activé.
* **URI de redirection OAuth autorisés** et **domaines valides** pour votre formulaire d’inscription.
* L’App ID stocké dans **The Wallet Crew** console d’administration.

#### Prérequis

* Accès à votre **LINE Developers Console**.
* Autorisation de créer et de gérer des **channels**.
* La liste des domaines sur lesquels vos formulaires d’inscription seront exécutés (prod + staging + dev + custom).

### Créer le channel LINE

{% stepper %}
{% step %}

#### **Créer un provider et un channel**

Accédez à la LINE Developers Console

<p align="center"><a href="https://developers.line.biz/console" class="button secondary" data-icon="chevrons-right">Line Developer Console</a></p>

1. Sélectionnez ou créez un **Provider**
2. Cliquez sur **Créer un nouveau channel**
   {% endstep %}

{% step %}

#### **Sélectionnez LINE Login**

![Sélectionnez LINE Login](/files/c12e634ffe5c1e7ed69b2cf7d8e8ba05047613a1)

1. Choisissez **LINE Login**
2. Sélectionnez le type d’application : **Application web**
3. Renseignez les informations requises
4. Créer le channel
   {% endstep %}

{% step %}

#### **Activer l’autorisation Email (OpenID Connect)**

Ouvrez les paramètres de votre channel :

![Activer l’autorisation Email (OpenID Connect)](/files/adb9f422ce20b42e8f36ea7c48e6ccbe80c10c5b)

1. Allez à la **OpenID Connect** section
2. Activer **Autorisation d’adresse e-mail**

Cette étape est requise si votre flux d’inscription dépend de l’e-mail.
{% endstep %}

{% step %}

#### **Configurer les URL de rappel**

Dans l’onglet **LINE Login** :

Ajoutez une URL de rappel pour chaque environnement :

```http
https://app.neostore.cloud/auth/callback/line
https://app-qa.neostore.cloud/auth/callback/line
https://app-dev.neostore.cloud/auth/callback/line
https://<your-custom-domain>/auth/callback/line
```

Important :

* L’URL complète doit correspondre exactement
* Inclure `/auth/callback/line`
* Ajoutez les domaines prod + QA + dev + custom

Enregistrez vos modifications.
{% endstep %}

{% step %}

### Publier votre channel

Dans le coin supérieur gauche, cliquez sur **Développement**.

<figure><img src="/files/a89012016b2053e2e3fe7321ff7a0c2d9d7016cf" alt=""><figcaption></figcaption></figure>

Puis cliquez sur **Publier** pour rendre le channel disponible en production.
{% endstep %}
{% endstepper %}

### Configurer LINE dans The Wallet Crew

Dans le Backoffice de The Wallet Crew, ouvrez la page de configuration LINE.

<p align="center"><a href="https://admin.thewalletcrew.io/tenant/~/settings/social/line" class="button secondary" data-icon="chevrons-right">Connexion sociale -> Line</a></p>

<div data-with-frame="true"><figure><img src="/files/078e05d4af24d45c2d9419a1259ce477491363ba" alt="The Wallet Crew - Line configuration screen" width="563"><figcaption><p>Écran de configuration Line</p></figcaption></figure></div>

Copiez les valeurs de la LINE Developers Console dans The Wallet Crew.

Après avoir enregistré, gardez cette page ouverte pour une vérification rapide :

* Le channel LINE doit être le même que celui utilisé pour les URL de rappel.
* Le `clientId` enregistré doit correspondre exactement au **Channel ID** .

{% hint style="info" %}
Vous pouvez trouver ces valeurs dans :

LINE Developers Console → Votre channel → **Paramètres de base**
{% endhint %}

### Activer LINE sur votre formulaire d’inscription

Activez le provider dans les paramètres du formulaire d’inscription.

Allez dans `configuration avancée -> Layout`. Ouvrez le layout pour activer la connexion sociale et ajoutez ces lignes :

<pre class="language-yaml"><code class="lang-yaml"><strong>signinOptions:
</strong>  providers:
    - type: line
</code></pre>

Pour plus d’informations, consultez [Formulaire d’inscription](/docs/fr/inscrire/enrolment-form.md).

### FAQ

<details>

<summary>Quel type de channel LINE dois-je créer pour cette configuration ?</summary>

Créez un **LINE Login** channel avec type d’application **Application web**.

C’est le type de channel qui prend en charge le flux de rappel OAuth utilisé par les formulaires d’inscription.

</details>

<details>

<summary>Dois-je activer « Autorisation d’adresse e-mail » dans OpenID Connect ?</summary>

Activez-la si votre flux d’inscription nécessite un e-mail.

Sans cela, LINE peut ne pas renvoyer l’e-mail de l’utilisateur.

</details>

<details>

<summary>Quelles URL de rappel dois-je ajouter ?</summary>

Ajoutez une URL de rappel par environnement.

L’URL doit correspondre exactement et doit inclure `/auth/callback/line`.

Utilisez les modèles indiqués ci-dessus pour prod, QA, dev et tout domaine personnalisé.

</details>

<details>

<summary>Où puis-je trouver le LINE <code>clientId</code> ?</summary>

Dans la LINE Developers Console :

**Votre channel → Paramètres de base**.

Copiez le **Channel ID** dans `authentication.clientId`.

</details>

<details>

<summary>Comment afficher réellement le bouton LINE sur le formulaire d’inscription ?</summary>

Activez le provider dans vos **paramètres du formulaire d’inscription**.

Si vous gérez les boutons via le YAML du layout, ajoutez `- type: line` sous `signinOptions.providers`.

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.thewalletcrew.io/docs/fr/inscrire/enrolment-form/social-sign-in/line-sign-in.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.