Google Play Store에서 React 응용 프로그램 - TWA(Trusted Network Action) 기본 가이드 게시
7023 단어 androidreactwebdevjavascript
이미 아시다시피 TWA는 Play Store에서 PWA를 발표하는 방식입니다.사용자 장치의 Chrome 인스턴스 또는 Chrome 사용자 지정 탭(CCT)에서 실행됩니다.이것은 안드로이드 응용 프로그램의 웹 보기 기능, 예를 들어 - Web Push Notification, Background Sync, Chrome Form Autofill, Media Source Extensions (MSE), Web Share API 및 을 뛰어넘었다.
TWA를 선택해야 하는 이유
지금까지 TWA에 대한 개인적인 경험을 수집했습니다.포함 -
효율적인 코드 라이브러리 - 이 기술은 회사나 개발자가 대부분의 플랫폼을 위해 단일한 코드 라이브러리를 유지할 수 있게 하는데 이것은 매우 효율적이다
즉각적인 업데이트 - 매번 업데이트 후 TWA의 업데이트는 Play Store의 검토 과정을 거치지 않아도 되므로 시간을 절약하고 즉시 사용자에게 서비스를 제공할 수 있습니다
장치 호환성 - 대부분의 안드로이드 응용 프로그램 개발자들은 각 장치에 대한 지원 문제에 직면하고 있으며, 특히 RAM이 비교적 적은 장치에 대한 지원 문제에 직면하고 있다.그러나 TWA의 경우 Chrome 72+를 지원하는 모든 장치에서 실행할 수 있기 때문에 모든 장치 모델을 테스트할 필요가 없습니다.
PWA 요구 사항
TWA 표준
이것은 실제로 Play Store에서 응용 프로그램을 발표하는 데 가장 중요한 부분이다.playstore에서 웹 응용 프로그램을 발표하려면 몇 가지 요구를 만족시켜야 한다. 예를 들어 -
환경 설정
Java 개발 키트 가져오기(JDK) 8
Android 명령줄 도구를 실행하려면 올바른 버전의 JDK가 필요합니다.버전이 설치된 JDK 버전과 충돌하는 것을 방지하기 위해 Bubblewrap 별도의 폴더에서 압축을 풀 수 있는 JDK를 사용합니다.
운영 체제와 호환되는 JDK 8 버전을 AdoptOpenJDK에서 다운로드하여 자신의 폴더로 압축을 해제합니다.
경고: 8 이하의 버전을 사용하면 항목을 컴파일할 수 없으며, 더 높은 버전은 Android 명령줄 도구와 호환되지 않습니다.
Android 명령행 도구 가져오기
운영 체제와 호환되는 Android 명령줄 도구 버전을 https://developer.android.com/studio#command-tools에서 다운로드합니다.폴더를 만들고 다운로드한 파일을 압축 해제합니다.이것은 전체 안드로이드 IDE를 설치하지 않고androidSdk와android SDK 관리자를 추가로 설치할 것입니다.
Bubblewrap JDK와 Android 명령행 도구가 어디에 있는지 알려주세요.
bubblewrap을 처음 실행할 때, JDK와 Android 명령행 도구를 어디서 찾을 수 있는지 물어봅니다.따라서 두 가지 모두 압축이 풀린 위치를 주의해야 한다.
기록된 위치가 올바른지 확인하려면 각 디렉토리에 다음 파일이 있는지 확인하십시오.
JDK 및/또는 Android 명령줄 도구의 위치 업데이트
JDK 또는 Android 명령줄 도구의 위치가 잘못된 경로로 설정되었거나 초기 구성 후에 변경된 경우
${USER_HOME}/.llama-pack/llama-pack-config.json
에 있는 구성 파일을 편집하여 위치를 변경할 수 있습니다.낙타 가방 구성 예.json
{
"jdkPath":"\\user\\home\\bubblewrap-user\\open-jdk",
"androidSdkPath":"\\user\\home\\bubblewrap-user\\android-cli"
}
빠른 시작 가이드
Bubblewrap 설치
npm i -g @bubblewrap/cli
Android 항목 초기화
기존 웹 목록에서 Android 항목 생성하기
bubblewrap init --manifest https://your-web-app-url.com/manifest.json
프로젝트를 초기화할 때 버블랩은 웹 목록을 다운로드하고 안드로이드 프로젝트를 구축할 때 사용할 값을 확인해 달라고 합니다.
또한 Play Store에 업로드하기 전에 응용 프로그램에 서명하기 위해 서명 키를 생성하는 데 필요한 세부 정보를 묻습니다.
Android 프로젝트 구축
bubblewrap build
프로젝트를 처음 구축할 때 Android 구축 도구를 설치해야 합니다.이 도구는 구축 도구의 설치 과정을 호출합니다.계속하기 전에 라이센스 계약을 읽고 승인해야 합니다.이 절차는 android CLI 패키지의 디렉터리/압축 해제 루트 디렉터리에 필요한 다른 파일을 설치합니다.
구축 절차의 결과로 이 도구는 서명된 APK(app release signed.APK)와 서명하지 않은 APK(app release unsigned.APK)를 생성합니다.그 중 하나를 선택하여 Play Store에 업로드할 수 있습니다.
Play Console을 통해 애플리케이션 게시
서명하지 않은 APK를 업로드하여 구글이 응용 프로그램의 서명 키를 관리하도록 선택할 수 있습니다.구글 플레이 컨트롤러에 가서 개발자 계정을 등록하세요. 없으면.이 계정을 만들려면 25달러를 지불해야 합니다.그리고 응용 프로그램에 알파, 베타, 내부 버전을 만듭니다.당신은 그들의 지도 원칙에 따라 당신의 버전을 만들 수 있습니다.13세 이상의 연령대를 선택하는 것을 잊지 마라. 그렇지 않으면 당신의 앱 발표 요청은 받아들여지지 않을 것이다.
리소스 링크 파일 만들기
자산 링크를 만들려면 웹 응용 프로그램 URL에서 액세스할 수 있는 JSON 파일이 필요합니다.JSON 파일의 URL은 https://your-web-app-url/.well-known/assetlinks.json
이어야 합니다.앞에서 설명한 대로 Next를 사용했습니다.js는 나의 웹 응용 프로그램을 구축합니다.만약 당신도 이렇게 한다면, 프로젝트 디렉터리의 .well-known
폴더에 public
라는 폴더를 만듭니다.이 폴더에 assetlinks.json
라는 파일을 만듭니다.
그리고 Google Play 콘솔로 이동하여 응용 프로그램 버전을 선택하고 응용 프로그램 서명 인증서 부분에서 SHA-256 인증서 지문을 복사합니다.이렇게 편집assetlinks.json
파일,
[{
"relation": ["delegate_permission/common.handle_all_urls"],
"target": {
"namespace": "android_app",
"package_name": "com.appspot.pwa_directory",
"sha256_cert_fingerprints": [
"FA:2A:03:CB:38:9C:F3:BE:28:E3:CA:7F:DA:2E:FA:4F:4A:96:F3:BC:45:2C:08:A2:16:A1:5D:FD:AB:46:BC:9D",
]
}
}]
Bubblewrap을 사용하여 APK를 구축할 때 지정되거나 생성된 값package_name
을 변경합니다.일반적으로 웹 응용 프로그램 URL은 com.your-web-app-url.pwa
의 위치에 있을 수 있습니다.Google Play 콘솔에서 복사한 SHA-256 인증서 지문의 값을 배치합니다.android 응용 프로그램을 Play Store에 게시할 것을 신청한 후에 이 JSON 파일을 빨리 발표하는 것을 잊지 마십시오.
확인 대기
위 절차를 완료한 후 Play Store authority의 게시 응용 프로그램 확인을 기다립니다.일반적으로 1-2일이 걸려야 심사 과정을 완성할 수 있다.하지만 2020년 6월에 제 앱을 발표했습니다. 2019 관상바이러스 질병 상황으로 인해 구글은 심사 과정을 완성하는 데 더 많은 시간을 들였습니다.
심사 제출 후 구글은 5일 후 플레이스토어에서 나의 첫 TWA 앱을 발표한 것을 확인했다.오늘은 Google Play 스토어에서 당신의 인터넷 앱을 발표합니다.즐거운 인코딩!
Reference
이 문제에 관하여(Google Play Store에서 React 응용 프로그램 - TWA(Trusted Network Action) 기본 가이드 게시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/bonnopc/publishing-react-app-on-google-play-store-trusted-web-activity-twa-basic-guide-1eao
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
npm i -g @bubblewrap/cli
bubblewrap init --manifest https://your-web-app-url.com/manifest.json
bubblewrap build
[{
"relation": ["delegate_permission/common.handle_all_urls"],
"target": {
"namespace": "android_app",
"package_name": "com.appspot.pwa_directory",
"sha256_cert_fingerprints": [
"FA:2A:03:CB:38:9C:F3:BE:28:E3:CA:7F:DA:2E:FA:4F:4A:96:F3:BC:45:2C:08:A2:16:A1:5D:FD:AB:46:BC:9D",
]
}
}]
Reference
이 문제에 관하여(Google Play Store에서 React 응용 프로그램 - TWA(Trusted Network Action) 기본 가이드 게시), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/bonnopc/publishing-react-app-on-google-play-store-trusted-web-activity-twa-basic-guide-1eao텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)