Giter VIP home page Giter VIP logo

boxhero-electron's Introduction

BoxHero Desktop App

박스히어로 데스크톱 앱

제품목록

NPM Scripts

설치

yarn install

개발

yarn start

패키징 & 배포

# 실행가능한 app bundle만 생성
yarn package

# 설치파일 생성
yarn make

# 배포
yarn publish

로컬 빌드를 준비사항

Code Signing

Mac

  • Code Sign용 Developer ID Application 인증서를 로컬에 설치합니다.
  • Notarize를 위한 App Store Connect API key를 준비합니다.

Windows

  • USB Dongle 형태의 Code sign용 인증서를 준비합니다.

환경변수 설정

.env.example 을 참고하여 필요한 환경변수들을 설정합니다.

# for ci로 그룹핑된 변수들은 Github action을 통한 빌드시에만 필요한 환경변수이므로 설정하지 않으셔도 괜찮습니다.

배포

프로덕션 & beta 배포에 대하여

  • 환경변수 DEV_USE_BETA_LANEt로 설정된 경우, beta 버전으로 배포할 수 있다.
  • beta 버전의 beta 버전만의 릴리즈 히스토리를 따라 업데이트가 진행된다.
  • Github action으로 배포시 release 브랜치 외에는 beta로만 배포가 된다.

Mac

  • 배포가 결정되면, release 브랜치로 배포할 내용들을 모두 일괄 머지한다.
  • Github action을 이용해 배포 관련 workflow를 수동으로 트리거한다.
    • Github -> Actions -> 사이드바에서 publish-app workflow 선택 -> Run workflow

Windows

  • Mac 버전을 먼저 배포 후 Windows 빌드를 배포하도록 한다.
  • 인증서 문제로 로컬에서만 Code signing이 가능하다.
  • 배포용 윈도우 머신에 인증서 USB 동글을 삽입한다.
  • 파워셸에서 yarn publish를 입력하여 배포를 진행한다.
  • 중간에 인증서 관련 비밀번호 프롬프트가 표시되므로 확인할 것.

기타

App Store Connect API 키 생성 방법

  1. App Store Connect access page에 방문.
  2. Keys 탭으로 이동해 생성 및 다운로드.
  3. 다운받은 API key는 AuthKey_ABCD123456.p8와 같이 생겼으며, 단 한 번만 다운로드가 가능하니 주의해주세요.

Mac 빌드시 Code sign & Notarize 스킵하는 방법

환경변수 DEV_SKIP_SIGNt 로 설정하면 빌드 단계에서 Code sign & Notarize를 생략합니다.

스크린샷

제품 정보 대시보드 입출고 바코드 스캔 바코드 라벨 디자인 바코드 라벨 인쇄 입출고 내역

boxhero-electron's People

Contributors

bbirec avatar bityoungjae avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

boxhero-electron's Issues

개발사항 정리해서 README.md 업데이트

기억해야 할 사항들. (주요 이슈와 가능했던 대안들, 선택한 이유 등등)

  • 전체 폴더 구조
  • 세션 기억하기 위해 Webview를 썼다.
  • 메뉴 / 프레임 커스터마이징을 위해 React / webpack 도입
  • 자동 업데이트 관련 구현사항

초안 만들기

  • 메뉴 구성
  • about 페이지 구성
  • 프로젝트 구조 설정

boxhero-electron 재구성

boxhero-electron 재구성

도전 과제

  • 최신 버전으로 올리기
  • 기획 및 디자인 요청
  • 필요한 패키지 탐색 및 추가
  • 프로젝트 디렉터리 구조 잡기

메인윈도에 기본 배경색이 설정된 문제

기본 배경색이 남색으로 설정되어 있어서
웹뷰에 그려지는 화면에 배경색이 없을 경우 그대로 비춰져서 보인다.

박스히어로가 아니라 네이버를 띄워도 마찬가지.
구글의 경우 body에 하얀색 배경을 강제하고 있어서 괜찮았음.

본질적으로 기본 배경색을 설정하는 짓을 하지 말았어야 했음.
이후 버전 업데이트때 반드시 수정할 것.

쿠키 보존 안됨.

기본적으로 모두 session cookie로 저장하는데,
앱을 껐다 켜면 모두 사라짐.

  • 유저 로그인 정보
  • 바코드 출력 셋팅 정보

등이 다 날아감. 브라우저에서 persistent cookie 로 바꾸면 가장 간편하게 해결됨.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.