[AVLE] 보팅 화면, 보팅, Secure Storage

PLAY STEEM, AVLE 개발자 이타인클럽입니다.

요즘 한참 AVLE 개발에 정신이 없습니다.
AVLE 개발이 한참 진행중인데, 몇 가지 문제로 개발 속도가 빠르지 않고 있습니다.

먼저, steem api get_ranked_posts가 좀 이상한거 같아서, 일단 get_discussions_by api로 변경했습니다.

그리고 실제 steem data를 가져다가 해야해서 로그인도 하고, firebase에도 로그인하고.. UI 하나 바꾸는데도 시간이 많이 걸리고 있습니다..

개발 과정이 번거롭더라도 꾸준히 개발하고 있으니 많은 관심 바랍니다.

---

보팅 화면

기존과 다르게 원형 보팅바를 적용해 봤습니다.
그리고 busy처럼 하단에 지정 비율 버튼을 만들었습니다. (버튼을 선택하면 원형 보팅바의 UI이 업데이트 되어야 하는데, UI가 업데이트 안되는 문제가 있습니다. 비율은 제대로 변경됩니다.)

포스팅키나 키체인을 통해서 보팅이 제대로 되는 것도 구현했습니다.

보팅 후에는 다음과 같이 보팅 표시가 됩니다. (이것도 바로 업데이트 안되는 문제가 있습니다)

Secure Storage

플러터 개발자라면 flutter_secure_storge 패키지를 아실 것입니다. 이게 기존까지는 안드로이드, 아이폰만 지원했는데, 베타 버전이지만 웹도 지원하게 됐습니다. 그래서 사용해 봤습니다.

참고로, AVLE은 모바일/데스트탑을 모두 지원하는 웹앱입니다. 모바일에서는 키체인을 사용할 수 없어서 (또는 키체인 사용을 원하지 않는 사용자가 있어서) 포스팅키/액티브키를 이용해야 합니다. 그래서 이걸 브라우저에 안전하게 저장할 필요가 있습니다. 이를 위해서 이 패키지가 매우 유용하게 사용될 수 있습니다.

https://pub.dev/packages/flutter_secure_storage/versions/5.0.0-beta.4

사용법은 간단합니다. 아래와 같이 helper 형태로 클래스를 만들고, 호출해서 사용하면 됩니다.

## file: storage_helpers.dart
import 'package:flutter_secure_storage/flutter_secure_storage.dart';

class SecureStorage {
  // create storage globally
  static final storage = new FlutterSecureStorage();

  // read storage
  Future<String?> read({required String key}) async {
    return await storage.read(key: key);
  }

  // write storage
  Future<void> write({required String key, required String value}) async {
    await storage.write(key: key, value: value);
  }

  // delete value
  Future<void> delete({required String key}) async {
    await storage.delete(key: key);
  }

  // delete all
  Future<void> deleteAll() async {
    await storage.deleteAll();
  }
}

final secureStorage = SecureStorage();

사용예

  import 'package:avle/src/helpers/storage_helpers.dart';

  // 쓰기
  secureStorage.write( key: 'etainclub', value: '59adslkfjskldjfk');
  // 읽기
  secureStorage.read( key: 'etainclub');

리스팀 / 댓글 / 팔로우 / 보팅 / 응원 부탁드립니다.

Make Steem Great Again!

cc.

@steemcurator01

Thank you for your support!