Configuration de la connexion LINE

Configurez LINE Login et reliez-le à la connexion sociale The Wallet Crew.

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

Commencez par Connexion sociale pour comprendre le parcours utilisateur. Revenez ensuite ici pour la configuration du fournisseur.

Connectez-vous avec LINE dans un exemple de formulaire d'inscription

Vue d'ensemble

Ce que vous allez configurer

• Un Canal LINE avec le produit LINE Login activé.
• URI de redirection OAuth autorisées et domaines valides pour votre formulaire d'inscription.
• L'App ID stocké dans The Wallet Crew la console d'administration.

Prérequis

• Accès à votre Console LINE Developers.
• Autorisation de créer et de gérer des canaux.
• La liste des domaines sur lesquels vos formulaires d'inscription s'exécuteront (prod + staging + dev + personnalisé).

Créer le canal LINE

1

Créer un fournisseur et un canal

Allez dans la console LINE Developers

Console développeur LINE

1. Sélectionnez ou créez un fournisseur
2. Cliquez sur Créer un nouveau canal

2

Sélectionnez LINE Login

Sélectionnez LINE Login

1. Choisissez LINE Login
2. Sélectionnez le type d'application : Application web
3. Renseignez les informations requises
4. Créez le canal

3

Activez l'autorisation d'e-mail (OpenID Connect)

Ouvrez les paramètres de votre canal :

Activez l'autorisation d'e-mail (OpenID Connect)

1. Allez dans la OpenID Connect section
2. Activez Autorisation d'adresse e-mail

Cette étape est requise si votre parcours d'inscription dépend de l'e-mail.

4

Configurer les URL de rappel

Dans l' LINE Login onglet :

Ajoutez une URL de rappel pour chaque environnement :

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 + personnalisés

Enregistrez vos modifications.

5

Publiez votre canal

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

Puis cliquez sur Publier pour rendre le canal disponible en production.

Configurer LINE dans The Wallet Crew

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

Connexion sociale -> Line

Écran de configuration Line

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

Après l'enregistrement, laissez cette page ouverte pour une vérification rapide :

• Le canal LINE doit être le même que celui utilisé pour les URL de rappel.
• La valeur enregistrée clientId doit correspondre au ID du canal exactement.

Vous pouvez trouver ces valeurs dans :

Console LINE Developers → Votre canal → Paramètres de base

Activez LINE sur votre formulaire d'inscription

Activez le fournisseur dans les paramètres du formulaire d'inscription.

Allez dans configuration avancée -> Layout. Ouvrez la mise en page pour activer la connexion sociale et ajoutez ces lignes :

signinOptions:
  providers:
    - type: line

Pour plus d'informations, consultez Formulaire d'inscription.

FAQ

Quel type de canal LINE dois-je créer pour cette configuration ?

Créez un LINE Login canal de type application Application web.

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

Dois-je activer « Autorisation d'adresse e-mail » dans OpenID Connect ?

Activez-la si votre parcours d'inscription nécessite un e-mail.

Sans elle, LINE peut ne pas renvoyer d'e-mail pour l'utilisateur.

Quelles URL de rappel dois-je ajouter ?

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 la prod, la QA, le dev et tout domaine personnalisé.

Où puis-je trouver le LINE clientId ?

Dans la console LINE Developers :

Votre canal → Paramètres de base.

Copiez le ID du canal dans authentication.clientId.

Comment afficher concrètement le bouton LINE sur le formulaire d'inscription ?

Activez le fournisseur dans vos paramètres du formulaire d'inscription.

Si vous gérez les boutons via le YAML de mise en page, ajoutez - type: line sous signinOptions.providers.