mbkim95
commented
3 years ago 안녕하세요
사용하고 계신 버전을 알 수 없어서 최신 버전(0.9.0)을 기준으로 간단한 샘플 코드 첨부하니 참고 부탁드려요.
main.dart
import 'package:flutter/material.dart';
import 'package:kakao_flutter_sdk/link.dart';
import 'package:kakao_flutter_sdk/template.dart';
// 샘플 탬플릿
final defaultCommerce = CommerceTemplate(
Content(
"Ivory long dress (4 Color)",
Uri.parse(
"http://mud-kage.kakao.co.kr/dn/RY8ZN/btqgOGzITp3/uCM1x2xu7GNfr7NS9QvEs0/kakaolink40_original.png"),
Link(
webUrl: Uri.parse("https://developers.kakao.com"),
mobileWebUrl: Uri.parse("https://developers.kakao.com"))),
Commerce(208800,
discountPrice: 146160,
discountRate: 30,
productName: "Ivory long dress",
currencyUnit: "₩",
currencyUnitPosition: 1),
buttons: [
Button(
"구매하기",
Link(
webUrl: Uri.parse("https://developers.kakao.com"),
mobileWebUrl: Uri.parse("https://developers.kakao.com"))),
Button(
"공유하기",
Link(
androidExecutionParams: {"key1": "value1", "key2": "value2"},
iosExecutionParams: {"key1": "value1", "key2": "value2"},
),
)
],
);
void main() {
// 앱 키 등록
KakaoContext.clientId = '${YOUR_NATIVE_APP_KEY}';
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Kakao Link Sample',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Kakao Link Sample'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key);
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _sendKakaoLink() async {
try {
// 탬플릿 설정
final template = defaultCommerce;
final isTalkInstalled = await isKakaoTalkInstalled();
if (isTalkInstalled) {
// 카카오톡으로 메시지 전송
var uri = await LinkClient.instance.defaultWithTalk(template);
await LinkClient.instance.launchKakaoTalk(uri);
} else {
// 웹브라우저로 메시지 전송
var uri = await LinkClient.instance.defaultWithWeb(template);
await launchBrowserTab(uri);
}
} catch (e) {
print(e.toString());
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: ElevatedButton(
child: const Text('Send Kakao Link'),
onPressed: _sendKakaoLink,
),
),
);
}
}AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.kakao_link_sample">
<application
android:icon="@mipmap/ic_launcher"
android:label="kakao_link_sample">
<activity
android:name=".MainActivity"
android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
android:hardwareAccelerated="true"
android:launchMode="singleTop"
android:theme="@style/LaunchTheme"
android:windowSoftInputMode="adjustResize">
<!-- Specifies an Android theme to apply to this Activity as soon as
the Android process has started. This theme is visible to the user
while the Flutter UI initializes. After that, this theme continues
to determine the Window background behind the Flutter UI. -->
<meta-data
android:name="io.flutter.embedding.android.NormalTheme"
android:resource="@style/NormalTheme" />
<!-- Displays an Android View that continues showing the launch screen
Drawable until Flutter paints its first frame, then this splash
screen fades out. A splash screen is useful to avoid any visual
gap between the end of Android's launch screen and the painting of
Flutter's first frame. -->
<meta-data
android:name="io.flutter.embedding.android.SplashScreenDrawable"
android:resource="@drawable/launch_background" />
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<!-- "kakao{YOUR_NATIVE_APP_KEY}://kakaolink" 형식의 앱 실행 스킴을 설정하는데 사용 -->
<data
android:host="kakaolink"
android:scheme="kakao${YOUR_NATIVE_APP_KEY}" />
</intent-filter>
</activity>
<!-- Don't delete the meta-data below.
This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
<meta-data
android:name="flutterEmbedding"
android:value="2" />
</application>
</manifest>MainActivity.kt
package com.example.kakao_link_sample
import android.widget.Toast
import io.flutter.embedding.android.FlutterActivity
class MainActivity : FlutterActivity() {
override fun onResume() {
super.onResume()
intent.data?.let { uri ->
// 공유 시 전달한 파라미터
val executionParams = mutableMapOf<String, String>()
uri.queryParameterNames.forEach { key ->
executionParams[key] = uri.getQueryParameter(key)!!
}
Toast.makeText(this, "$executionParams", Toast.LENGTH_SHORT).show()
}
}
}
HyeonKayh
github-actions[bot]
안녕하세요. flutter로 카카오링크 구현중입니다.
flutter 로 카카오 링크 구현후 "앱으로보기" 클릭하면 정보가 넘어오도록 androidExecParams 을 설정을 아래와 같이 설정했습니다.
"taleID=100&rId=5&rTitle=제목"
클릭했을때 저정보를 어떻게 얻어오나요?
Android Native에서는 OnResume에서 얻어오면 됬는데 Flutter에서는 어떻게 얻어오나요?
class MainActivity: FlutterActivity() 에 OnResume에서 아무리 해도 값이 안넘어와서요.
제가 참고할만한 예제나 문서가 있을까요?