개요

이 기사에서는 LINE Loing을 ASP.NET MVC에 통합하는 방법을 설명합니다.

※과제

LINE Login의 경우 초기 상태에서는 Email을 얻을 수 없습니다. 별도 「메일 취득 권한의 신청」을 실시할 필요가 있습니다.
이 라이브러리에서 Email을 얻을 수없는 경우 MID에 @line.com을 추가하여 반환합니다.

참고 : LINE Login을 이용한 웹 앱을 ASP.NET Core+OpenID Connect로 구현한다(그 2: 메일 주소를 취득한다)

필요한 기술과 리소스

C# 및 ASP.NET MVC에 대한 기본 지식

Visual Studio 2017

LINE 개발자 포털 액세스

LINE Login

지원되는 인증 및 흐름

웹 앱에 LINE 로그인 포함에서 볼 수 있듯이 LINE Login은 웹 업계 표준 인 OAuth 2.0 및 OpenID Connect를 지원합니다. 따라서 다른 많은 소셜 로그인과 같은 감각으로 사용할 수 있습니다.

[로그인 흐름]

채널 만들기

LINE Login을 사용하려면 먼저 채널을 만들어야 합니다. 채널 설정 를 참조해 채널을 작성해 주세요. 작성한 채널의 ChannelId 와 ChannelSecret 는 나중에 사용합니다.

ASP.NET MVC 응용 프로그램 개발

1. Visual Studio를 열고 ASP.NET 웹 응용 프로그램(.NET Framework)을 선택하여 만듭니다.


2. 인증 변경을 클릭합니다.


3. 개별 사용자 계정을 선택하고 확인을 클릭합니다.


4. 솔루션 준비가 완료되면 NuGet 관리에서 "Owin.Security.Middleware.Line"을 추가했습니다.


5. Web.Config에 다음 항목을 추가합니다. ChannelId 와 ChannelSecret 는 작성한 LINE Login 채널로부터 취득.

    <add key="RedirectUri" value="http://localhost:62686/line-signin" />
    <add key="ChannelSecret" value="" />
    <add key="ChannelId" value="" />

6. App_Start\Startup.Auth.cs에 using을 추가합니다.

App_Start\Startup.Auth.cs

using Owin.Security.Middleware.Line;
using Line.Login.Models;
using System.Configuration;

7. ConfigureAuth 메서드 내에 다음 코드를 추가합니다.

App_Start\Startup.Auth.cs-ConfigureAuth 메서드

app.UseLineAuthentication(new LineAuthenticationOptions(
    channelId: ConfigurationManager.AppSettings["ChannelId"],
    channelSecret: ConfigurationManager.AppSettings["ChannelSecret"],
    redirectUri: ConfigurationManager.AppSettings["RedirectUri"],
    scope: Scope.OpenId | Scope.Profile
));

8. LINE 개발자 콘솔 에서, 작성한 LINE Login 채널의 Callback URL 를 등록.

　테스트

1. F5 키를 눌러 디버그 실행.

2. 화면 우측 상단에 로그인을 클릭합니다.


3. "Line"을 클릭합니다.


4. LINE으로 로그인을 실행.

5. 처음인 경우는 사용자를 등록. 필요한 경우 이메일 주소를 변경합니다.

참조

LINE Login을 이용한 웹 앱을 ASP.NET Core+OpenID Connect로 구현한다(그 2: 메일 주소를 취득한다)
GitHub: line-login-sdk-csharp