엑스포를 왜 해보셨어요?

I remember Expo when it was far from ideal, not so many features were implemented and some of them were not properly working, but…

몇 달 전에 나는 엑스포를 이용하여 0에서 새로운 프로젝트를 시작했다.io플랫폼, 내 고객의 결정이야.

He said, “We can’t spend time to build ReactNative anymore, we need a power burst!”. Of course, he was ready to cut some functional which will require native dependency.

엑스포는 아주 좋은 플랫폼이다. 만약 당신이 한 번도 시도해 본 적이 없거나, 오래된 버전을 사용한 경험이 있다면, 아마도 한번 시도해 보아야 할 것이다.

발전 과정

실제 장치에서 프로그램을 실행해야 할 때마다 터미널에서 QR코드를 스캔하거나 iOS 시뮬레이터/Android 시뮬레이터에서 실행하려면 핫키만 사용하면 개발 속도를 크게 높일 수 있다.

내장된 Expo 개발자 도구로 터미널 창의 "D"키를 누르면 쉽게 호출할 수 있습니다.

또한 다음과 같은 다른 바로 가기도 있습니다.

"I"- iOS 에뮬레이터에서 어플리케이션을 실행합니다.

"A"- Android 장치/에뮬레이터에서 응용 프로그램을 실행합니다.

C - 실제 장치에서 검색한 QR코드를 표시합니다.

P - 프로덕션 모드로 전환합니다.

R - 번들을 다시 시작해야 할 경우

물론 Expo Developer Tools 창에서 동일한 작업을 수행할 수 있습니다.

어떻게 프로젝트를 초기화합니까?

우선, 본토의 발전을 잊어라!
그리고 항목을 초기화해야 합니다. 옵션이 적습니다.

특정한 템플릿을 사용할 수 있습니다: "공백", "탭 문자", "최소 누드 부품", 패키지 관리자 "실"이나 "npm"을 설정하고 패키지 이름과 패키지 식별자를 설정할 수 있습니다.
그러나 관건은 TypeScript 지원을 사용하여 프로젝트를 초기화하는 것입니다.

초기화 마법사가 완료되면 프로그램을 개발하거나 명령을 사용하여 실행할 수 있습니다. 이 마법사를 시작하면 bundler와 Expo 서버를 시작합니다. Expo Developer Tools 창을 볼 수 있습니다.

시작!iOS 에뮬레이터에서 애플리케이션을 실행하려면 'I' 를 누르면 됩니다.



지금 보시다시피 시작 프로젝트는 매우 간단합니다!

엑스포 SDK

물론 엑스포 프로젝트에서 이국적인 라이브러리를 사용하고 싶다면 지원 문제에 직면하게 될 수도 있지만 엑스포 SDK가 ReactNative에서 글을 쓰는 욕구를 떨어뜨릴 것이라고 나는 믿는다.

간단한 것부터 시작해서 어려운 것까지

Expo에는 대부분의 응용 프로그램에 사용되는 통합된 라이브러리가 많습니다. Expo API 문서만 보면 됩니다.
일반적인 경우 다음이 필요합니다.
SplashScreen - 응용 프로그램 시작을 나타내는 시작 화면을 만듭니다.
로드 - 리소스/글꼴 등을 로드합니다.
현지화 - 애플리케이션 관리 l10n/i18n
ImagePicker/ImageManagenipulator - 장치에서 이미지 또는 비디오 열기/편집
MapView - 응용 프로그램에서 맵 사용
공유 - 디바이스의 애플리케이션 간에 데이터 공유
SecureStore - 디바이스에 데이터를 영구적으로 저장하는 스토리지
또한 다음을 사용하고자 합니다.
AppAuth, AuthSession - OAuth를 통해 사용자 인증
BlurView - 뷰를 흐리게 만듭니다.
카메라 - 사진 또는 동영상 촬영
촉각 - 안드로이드에서 진동을 제공하고 iOS 장치에서 촉각 엔진을 사용
Keepawake - 사용자가 응용 프로그램의 일부분을 사용할 때 화면이 켜져 있는 상태로 유지
ScreenOrientation(화면 방향) - 화면 방향의 변경 사항을 감지하고 처리합니다.
엑스포는 다음과 같은 추가 기능을 지원합니다.
통지-추송통지(엑스포 추송 서비스를 통해)
분기 - 분기와의 통합목위일
Admob-구글 Admob SDK
페이스북 광고. - 페이스북 시청자 SDK.
진폭-진폭 이동 분석
또한 이국적인 분위기에 액세스할 수 있습니다.
SVG를 사용한 아트 드로잉
오디오 - 사운드 재생/녹음
AV - 오디오/비디오 내용 재생
BackgroundFetch - 백그라운드 작업 실행
밝기 - 밝기 관리
결제 - 스트라이프를 통해 결제(ApplePay, AndroidPay)
일반적으로 약 80개의 API가 있는데, 너는 그것을 사용할 수 있다. 일단 그것을 설치하면 실/npm/expo를 사용하고, 묶음기를 끄지 않으면, 이것은 너의 발전을 가속화시키는 또 다른 일이다.

안드로이드X64

ReactNative 업그레이드에 직면한 개발자들은 이것이 고통스러운 작업이라는 것을 알고 있습니다. 모든 모듈이 정상적으로 작동할 수 없다는 것을 보장할 수 없습니다. 이 Expo SDK는 Android X64 상자를 열어 사용할 수 있도록 지원합니다. 업그레이드 장면은 몇 개의 JS 라이브러리만 업데이트할 수 있습니다. 이것은 업그레이드 과정을 간소화하고 압력을 최소화할 수 있습니다.

Just upgrade versions of your libraries in the package.json file and continue fantastic development and make this world better.

출판업

응용 프로그램을 발표할 때, 몇 가지 선택이 있기 때문에, 응용 프로그램을 상점에 발표하는 새로운 체험을 할 것이다.

짓다

expo build:[ios|android]

이 명령은building a bundle을 실행하지만 로컬에서 실행되지 않으며 서버에서 실행됩니다. 이것은 고성능 노트북/PC가 필요하지 않은 이유입니다. Windows 사용자라면 가능합니다. Xcode는 영원히 필요하지 않기 때문입니다.그래서 커피 한 잔만 타서 긴장을 풀고 헬스가 끝날 때까지 기다리세요.

화면 캡처에서 보듯이 구축은 줄을 서서 터미널을 주저하지 않고 닫을 수 있습니다.구문 상태를 확인하려면 텍스트 "You can Monitor the build at"아래의 URL을 방문하십시오.URL에서 다운로드 단추를 발견할 수 있습니다. 이 단추는 구축이 성공하면 활성 상태가 되고 터미널에서 기다리며 다운로드 패키지의 직접 링크를 받을 수 있습니다.

대전

너는 CodePush와 같은 틀을 사용하여 공중 업데이트를 실현할 필요가 없다. 박람회는 OTA가 상자를 열면 바로 사용할 수 있도록 지원한다.기본적으로 expo publish를 통해 특정 게시 채널에서 expo에 JS 패키지를 발표할 때 자동으로 작동하고 프로그램에서 설정할 수 있습니다.json.업데이트 프로세스를 관리하려면 업데이트 API를 사용해야 할 수 있습니다.

상점에 업로드

네, 이것은 좋은 문제입니다. 왜냐하면 당신의 제품을 상점에 업로드해야 하기 때문입니다. 그러나 서둘러 스스로 손을 대지 마십시오.다음 명령을 사용하여 expo의 최적 해결 방안을 설정합니다.

expo upload:[ios|android]

결론

현재 엑스포는 매우 빠르게 발전하고 있으며, 매달 나는 오류 복구와 새로운 기능을 포함한 새로운 주요 버전을 볼 수 있다.태블릿PC에 비해 개발이 더욱 간단하고 빨라졌다. 이 사실은 업무 효율을 높이고 크로스플랫폼 응용 프로그램 개발에 더욱 흥미를 가지게 하는 데 도움이 된다.