🙊 목표

• 네이버 로그인을 flutter 앱에 추가하기 위한 기본적인 세팅을 해보자!

🔑 네이버 로그인 세팅

　📦 세팅 순서

1. 애플리케이션 추가하기

• naver developers 홈페이지에서 애플리케이션 등록을 선택한 후 애플리케이션 이름을 입력하고, 사용 API는 네이버 로그인을 선택한다.
• 이때 제공 정보 선택은 API의 response body로 받을 수 있는 사용자의 정보이므로 필요한 것은 체크를 해준다.

2. 플랫폼 추가하기

• 안드로이드와 ios환경을 추가해준다.
• 이때 다운로드 URL은 앱스토어와 플레이스토어의 URL인데, 아직 개발중이라면 아무 URL을 넣어도 상관 없다, ios의 URL Scheme도 아무렇게 입력해준다.
• 안드로이드 앱 패키지 이름은 해당 앱의 패키지 이름을 적어준다.

3. 안드로이드

3-1. android / app / src / main / res / values / strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="client_id">client_id</string>
    <string name="client_secret">client_secret</string>
    <string name="client_name">client_name</string>
</resources>

• 해당 파일에 위의 코드를입력해준다.
• string.xml이 존재하지 않을 수 있는데 이때에는 추가 해준다.

3-2. android / app / src / main / AndroidManifest.xml

<!-- 추가 -->
<meta-data
  android:name="com.naver.sdk.clientId"
  android:value="@string/client_id" />
<meta-data
  android:name="com.naver.sdk.clientSecret"
  android:value="@string/client_secret" />
<meta-data
  android:name="com.naver.sdk.clientName"
  android:value="@string/client_name" />

• application 태크 안에 해당 코드를 입력해준다. strings.xml에서 바로 값을 가져오는 것이기에 , 해당 코드를 따로 수정할 필요는 없다.

4. IOS

• 위의 코드를 추가해준다.

4-1. ios / Runner / Info.plist 추가

		<key>CFBundleURLTypes</key>
		<array>
			<dict>
				<key>CFBundleTypeRole</key>
				<string>Editor</string>
				<key>CFBundleURLSchemes</key>
				<array>
					<string>kakao native app key</string>
				</array>
			</dict>
			<dict>
				<key>CFBundleTypeRole</key>
				<string>Editor</string>
				<key>CFBundleURLSchemes</key>
				<array>
					<string>tempApp</string>
				</array>
			</dict>
		</array>
        
        ...
        <---추가--->
       	<key>naverConsumerKey</key>
		<string>Client ID</string>
		<key>naverConsumerSecret</key>
		<string>Secret</string>
		<key>naverServiceAppName</key>
		<string>AppName</string>
		<key>naverServiceAppUrlScheme</key>
		<string>UrlScheme</string>

• CFBundleURLTypes key의 array에 CFBundleURLSchemes를 추가해준다.
• 또한, naverConsumerKey와, Secret, AppName, UrlScheme key를 추가하고 입력해준다.