🧑‍💻데부장의 개발일지🧑‍💻 🧑‍💻데부장의 개발일지🧑‍💻

Flutter 테크

• Flutter Chat GPT연동

  Flutter 테크 2024. 7. 10. 21:12

  1. GPT결제수단 등록등록페이지 -> https://platform.openai.com/settings/organization/billing/overview 2. 프로젝트 생성좌측 메뉴바의 "+Create Project"를 눌러 프로젝트 생성 3. Secret Key생성 4. GPT와 통신할 함수 작성import 'dart:convert';import 'package:http/http.dart' as http;import 'package:firebase_database/firebase_database.dart';class ChatServices { static const String _baseUrl = 'https://api.openai.com/v1/chat/completions'; final St..

  Read More
• Flutter Web Firebase Auth연동

  Flutter 테크 2024. 7. 8. 23:08

  1. Firebase기본연동이 완료된 상태에서 탭 메뉴에서 "빌드" -> "Authentication"선택2. 기본적인 "이메일/비밀번호"선택 후 사용설정 후 저장 클릭 3. Firebase Auth패키지 설치(https://pub.dev/packages/firebase_auth/install)firebase_auth: ^5.1.1  4. Flutter 프로젝트의 web/index.html 열기 5. 하단의 태그 밑에 아래의 스니펫 추가 6. 배포 후 확인7. 활용 예시 코드// 비밀번호 재설정 메일 전송Future sendResetPasswordEmail(String email) async { try { await FirebaseAuth.instance.setLanguageCode("ko"); ..

  Read More
• Flutter Firebase Hosting 설정(웹사이트배포)

  Flutter 테크 2024. 7. 8. 19:34

  1. Firebase 기본 연동 후 빌드 -> Hosting 선택 2. 터미널에 아래 명령어 입력firebase init 3. 항목들 중에서 스페이스바를 눌러서 "Hosting"첫번째 항목 선택 후 엔터 4. 어떤 프로젝트를 선택할지 선택, Firebase에 등록해둔 프로젝트를 선택하였음 5. 현재 로그인된 계정의 Firebase에 등록된 프로젝트 리스트가 뜨며 여기서 연결할 프로젝트 선택 후 엔터 6. 빌드 설정 중 아래와 같은 질문이 나오면 "build/web"이라고 입력 [build/web입력 후] 7. 다른 질문들에 대해서 전부 엔터 입력하면 연동완료 8. 초기배포 확인 위해 터미널에 "flutter build web"입력 후 "firebase deploy --only hosting"입력 9. D..

  Read More
• Flutter + Firebase 연동

  Flutter 테크 2023. 11. 24. 12:14

  Firebase 연동1. Firebase 콘솔이동 후 프로젝트 생성 -> 프로젝트 이름입력 2. 애널리틱스는 활용도가 많고 기본적으로 적용하는 기능이기에 사용설정 그대로 두고 계속 3. 애널리틱스 계정 선택 또는 생성 후 적용, 애널리틱스 위치는 미국으로 두고 계속 4. 필요한 패키지 다운로드 (/pubspec.yaml)firebase_core: ^3.1.1 5. Firebase 콘솔에서 우측에 있는 Flutter 아이콘을 눌러 연동 시작 6. Firebase CLI 설치 및 로그인, 실행  터미널에서 아래값 입력npm install -g firebase-toolsfirebase login 다음 단계에 나오는 명령어들을 터미널에 입력 만약 아래와 같이 경고가 뜬다면 터미널에 export PATH="$PA..

  Read More
• Flutter + FCM 연동 (Flutter 3.0이상, 새로운FCM적용버전, 3.0이상이 아니여도 가능합니다)

  Flutter 테크 2023. 11. 24. 11:33

  1. Firebase Cloud Messaging 추가하기 pubspec.yaml 수정: firebase_messaging, flutter_local_notifications 패키지를 pubspec.yaml 파일에 추가 후 pubget firebase_messaging: ^14.1.4 flutter_local_notifications: ^12.0.4 2. iOS 설정 [2 - 1] ios/Runner/Info.plist 파일을 열고 다음 키를 추가 UIBackgroundModes fetch remote-notification [2 - 2] xCode를 열고Capabilities탭에서 PushNotifications, BackgroundMode 활성화 3. APNs 인증키를 Firebase를 추가하기 [3..

  Read More
• Flutter Fastlane CI/CD(2) - Android

  Flutter 테크 2023. 3. 7. 01:08

  1. Fastlane init cd android/ fastlane init​ Android 폴더로 이동하셔서, init 명령어를 입력합니다. 초기에 패키지 이름을 입력하라고 나옵니다. 패키지 이름(com.example.example)이 기억나지 않으신다면, app/build.gradle 파일 가셔서 applicationId 항목에 있는 패키지 이름을 가져옵니다. 2. Json Secret File 패키지 이름을 입력하면, json secret file 경로를 넣으라고 합니다. (json_secret_file? Fastlane Android 공식문서 Collect your Google credentials 섹션) 2-1. GCP 접속 Google Cloud Platform 사이트의 IAM 및 관리자 > ..

  Read More
• Flutter Fastlane CI/CD(1) - iOS

  Flutter 테크 2023. 3. 7. 01:00

  1. Fastlane 설치 brew install fastlane or sudo gem install fastlane homebrew 나 RubyGem 을 통해 Fastlane 을 설치할 수 있습니다. 공식문서 에 따르면, Gem 은 Ruby 환경에 의존하기 때문에 brew 로 설치하는 것을 추천한다고 합니다 2. Fastlane init cd ios/ fastlane init fastlane init 명령어를 입력하면 Setup 종류를 물어보는 콘솔창이 나옵니다. Manual Setup을 할 것이기에 4번을 입력합니다 3. Fastlane Match 설정 (선택적) Fastlane Match 란, Fastlane 안에 있는 코드 사이닝 방법의 한 종류입니다. 간략히 말하자면, 인증서와 프로파일을 하나의..

  Read More
• [Flutter] YouTube player

  Flutter 테크 2022. 8. 25. 01:20

  1. 패키지 다운로드 youtube_player_flutter: ^8.0.0 (https://pub.dev/packages/youtube_player_flutter) 2. android 설정(iOS는 추가적인 설정X) minSdkVersion -> 17로 설정 (android/app/build.gradle) 3. 파일 생성 후 적용 import 'package:youtube_player_flutter/youtube_player_flutter.dart' as youtube; class YoutubePlayer extends StatefulWidget { @override YoutubePlayerState createState() => YoutubePlayerState(); } class YoutubePla..

  Read More