★★★★★
#UI·디자인 · claude-code
알림 권한 요청 다이얼로그 패턴
FCM 푸시 알림 사용 전 권한 요청.
#fcm#permission#notification
변수 1개 — 여기 채우면 아래 프롬프트에 바로 들어가요
FCM 푸시 알림 사용 전 권한 요청.
패키지: `firebase_messaging: ^14.0.0`
구현:
```dart
class NotificationService {
static final FirebaseMessaging _messaging = FirebaseMessaging.instance;
static Future<void> initializeNotifications() async {
NotificationSettings settings = await _messaging.requestPermission(
alert: true,
badge: true,
sound: true,
);
if (settings.authorizationStatus == AuthorizationStatus.authorized) {
print('알림 권한 허용');
} else {
print('알림 권한 거부');
}
String? token = await _messaging.getToken();
print('FCM Token: $token');
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
print('포어그라운드: ${message.notification?.title}');
});
}
}
```
main.dart:
```dart
void main() async {
await Firebase.initializeApp(...);
await NotificationService.initializeNotifications();
runApp(const MyApp());
}
```
이 구현으로 {{NOTIFICATION_TYPE}} 알림 설정할까?
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.