[Flutter] pub.dev에 나만의 package를 만들고 올리기 #2

시작하기에 앞서

https://iloveuhyeon.tistory.com/12

[Flutter] pub.dev에 나만의 package를 만들고 올리기 #1

 

이 글을 안 읽고 오셨다면 읽고 오시는것을 추천드립니다.

3. 패키지 구현

---

본격적으로 패키지 구현을 해보겠습니다.

├── lib/
│   ├── src/
│   │   ├── colors.dart
│   │   └── ... (기타 내부 파일)
│   └── your_package_name.dart

 

저는 이런식으로 파일을 정리했습니다.

 

사실 lib폴더 바로 아래에 있는 본인의 패키지의 이름으로 되어있는 파일에 직접 정리해도 상관 없습니다.

 

1. src/ 

우선 src폴더 안에 본인이 사용할 파일들을 만들고 안에 사용할 클래스 혹은 기능을 정리합니다.

 

저는 design system을 만들것이기때문에 색상과 아이콘 폰트를 지정해주겠습니다.

 

ex) lib/colors.dart

import 'dart:ui';

class FloodingColor {
  // black & white
  static const Color black = Color(0xff121212);
  static const Color white = Color(0xffffffff);

  // system
  static const Color error = Color(0xffce2020);
  static const Color success = Color(0xff1eb916);

  // main
  static const Color main600 = Color(0xff5E7EF3);
  static const Color main500 = Color(0xff7994F5);
  static const Color main400 = Color(0xff94A9F7);
  static const Color main300 = Color(0xffAFBFF9);
  static const Color main200 = Color(0xffC9D4FB);
  static const Color main100 = Color(0xffE4EAFD);

  // gray
  static const Color gray900 = Color(0xff4e4e4e);
  static const Color gray800 = Color(0xff646464);
  static const Color gray700 = Color(0xff7a7a7a);
  static const Color gray600 = Color(0xff909090);
  static const Color gray500 = Color(0xffa7a7a7);
  static const Color gray400 = Color(0xffbdbdbd);
  static const Color gray300 = Color(0xffd3d3d3);
  static const Color gray200 = Color(0xffe9e9e9);
  static const Color gray100 = Color(0xfff4f4f4);
}

 

이런식으로 정리했습니다.

 

이걸 이런식으로 저장한다 해도 바로 사용할 수 있는게 아닙니다. 

 

본인의 패키지명으로 되어있는 파일에 본인이 작업한 파일을 export 해줘야하는데요. 

 

export 'colors.dart';

 

이런식으로 파일을 export 해줌으로서 패키지를 사용할 수 있게 만듭니다.

 

4. 패키지 예시 폴더 만들기

---

시중에 나온 패키지들을 본다면 

 

이런식으로 Example 프로젝트가 하나씩 있죠. 

 

이것을 만들어보겠습니다.

 

우선 터미널에 들어가줍니다.

 

현제 작업하고있는 패키지의 경로에서 아래의 명령어를 사용합니다.

flutter create example

 

그리고 만들어진 example파일 안에 main.dart에 본인이 만든 패키지의 사용법을 간략히 적습니다.

 

5. 패키지 테스트 

---

만든 패키지를 배포하기 전에 패키지를 테스트 해봐야겠죠. 

flutter pub publish --dry-run

 

아래의 명령어를 사용해서 오류를 잡아줍니다. 

 

오류가 없다면 드디어 패키지를 배포해봅시다. 

 

6. 패키지 배포

---

 패키지 배포에 앞서 pub.dev의 계정이 필요하겠죠?

 

pub.dev에 sign in으로 계정에 로그인 하고 생성합니다. 

 

그리고 생성된 계정을 터미널로 본인의 컴퓨터에 로그인할것입니다.

 

프로젝트에 터미널로 들어가서 아래와 같은 명령어를 입력해줍니다.

 

flutter pub login

 

 

그럼 터미널로 이런 링크가 올텐데 이 링크를 클릭해 구글 로그인을 해줍니다. 

 

그리고 이제 아래의 명령어를 사용하면 pub.dev에 본인이 만든 패키지가 퍼블리시 된걸 확인할 수 있을겁니다.

flutter pub publish