Angle2 패키지 Android 앱 환경을 구축하는 방법

1. 소개

얼마 전 회사에서 다양한 플랫폼을 지원해야 하는 APP 프로젝트가 있어서 Ionic2 + cordova + angle2를 사용하면서 환경을 구축하는 과정에서 많은 문제에 부딪혔습니다. 최근에 정리할 시간이 있었어요.

2. 개발 환경 구축

이 웹사이트의 단계를 참조하여 구축하세요: https://github.com/DonaldTdz/Ionic2QuickStart

참고: nodejs는 최신 버전 6.0 + LTS를 설치해야 합니다. 8.X를 설치하지 마세요. 최신 버전(https://nodejs.org/en/)

Cordova 버전은 6.X 버전 설치가 필요합니다. 현재 cordova-android 버전은 6까지만 지원합니다. X.X

cmd: cnpm install –g ionic cordova@6.x

cmd: ionic -v Cordova -v 표시된 버전 번호를 보면 설치가 성공적입니다

3. 시드 프로젝트

다운로드 주소: https: //github.com/DonaldTdz/ionic-seed

vs 코드로 터미널을 열고 다음 명령을 입력하세요: cnpm install

Ionic Serve 프로젝트 실행

웹 측에서 프로젝트가 성공적으로 실행되고 개발 환경이 설정되었습니다

이제 Android APP으로 패키징을 시작합니다

IV. Cordova 패키징 Android 플랫폼 환경 구축

참조 공식 지침:

(중국어) http://cordova.axuer.com/docs/zh-cn/latest/guide/platforms/android/index.html

(영어)http://cordova .apache.org/docs/en/latest/guide/platforms/android/index.html

참고: 중국어 웹사이트 정보가 최신이 아니며, 영어 버전이 최신으로 업데이트되어 접속 속도가 더 빠릅니다. 하지만 액세스 속도가 느립니다

1. Java SDK를 설치합니다

Java Development Kit(JDK)

Java Development Kit(JDK) 7 이상을 설치합니다.

Windows에 설치하는 경우 JDK 경로에 따라 JAVA_HOME환경 변수를 설정해야 합니다(환경 변수 설정 참조)

cmd: Java –version에 버전 번호가 표시되고 설치가 성공합니다

Java SDK 환경 변수 구성

JAVA_HOME 구성 설치 디렉터리

경로 구성: %JAVA_HOME%bin

Add CLASSPATH: .;%JAVA_HOME%lib (참고: 이 환경 변수가 존재하는 경우 확인해야 합니다. )

2 , Android SDK 도구 설치

(참고: cordova 플러그인을 추가해야 하는 경우 Android Studio 설치를 권장합니다.)

Android SDK

Android 독립형 SDK 설치 또는 안드로이드 스튜디오. 새로운 Cordova Android 플러그인을 개발하거나 Android 플랫폼의 기본 도구를 사용하여 실행 및 디버그할 계획이라면 Android Studio를 사용하세요. 그렇지 않으면 Android 독립 실행형 SDK 도구만으로도 Android 애플리케이션을 구축하고 배포할 수 있습니다.

자세한 설치 지침은 위 설치 링크를 클릭하시면 보실 수 있습니다.

3. Android SDK 패키지 추가

SDK 패키지 추가

Android SDK를 설치한 후 원하는 대상 API 레벨에 맞는 SDK 패키지를 설치해야 합니다. cordova-android에서 지원하는 최고 수준의 SDK 패키지를 설치하는 것이 좋습니다(위 참조).

Android SDK 관리자를 열고(예: 터미널에서 `android 실행) 다음이 설치되어 있는지 확인하세요.

1. Android 플랫폼 SDK의 대상 Android 버전

2. Android SDK 빌드 도구, 버전 19.1 .0 이상

3. Android 지원 저장소로 이동하세요("Extras"에서 검색)

자세한 내용은 SDK 패키지 설치에 대한 Android 설명서를 참조하세요.

먼저 방금 다운로드한 프로젝트의 터미널을 열고 실행하세요. cordova 플랫폼 ls를 실행하여 cordova android가 의존하는 android SDK 버전을 확인하세요

다음 목록에서 해당 안드로이드 API 레벨은 16-25입니다(http ://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html)

그런 다음 해당 종속성 패키지를 다운로드하세요

환경 구성 성공적인 설치 후 변수

ANDROID_HOME:

D:Program FilesAndroidandroid-sdk

경로:

D:Program FilesAndroidandroid-sdkplatform-tools

D:Program FilesAndroidandroid-sdktools

cmd: 안드로이드 – h 성공적인 설치를 나타내려면 다음을 확인하세요.

5. 패키지 Android 앱

Ionic cordova 플랫폼 android

이유는 해외이기 때문입니다. 웹사이트 패키징이 매우 느리게 실행되거나 오류가 발생합니다. 아시다시피

다운로드 주소:

(참고: 다운로드가 느린 경우 , Thunder와 같은 다운로드 도구 사용)

버전 다운로드 선택, 먼저 distributions/gradle

잘못된 버전을 다운로드하지 않으려면 gradle-2.14.1-all.zip 버전이 필요합니다

다운로드한 후 압축을 풀 필요 없이 프로젝트의 아래 경로에 직접 복사하세요:

appplatformsandroidgradle (참고: 존재하지 않는 경우 새로 만들어야 하며 철자 오류에 주의하세요)

열기 방금 검색한 파일: platformandroidcordovalibbuildersGradleBuilder.js

원래 파일을 주석 처리하고 로컬 패키지로 수정합니다../gradle- 2.14.1-all.zip

ionic cordova build android

패키징이 완료되면 APK 휴대폰 설치 패키지 파일이 출력됩니다. 실행 성공! !

6. 애플리케이션 서명 및 시작 최적화

1. 서명 키 생성

애플리케이션 서명 먼저 Android 애플리케이션 서명 요구 사항을 읽어야 합니다.

를 사용하여 애플리케이션에 서명하려면 다음 매개변수가 필요합니다.

매개변수

플래그

설명

이러한 매개변수는 위의 Cordova CLI build 또는 run 명령을 통해 지정할 수 있습니다. build 或者 run命令来指定命令行参数。

注意: 你应该使用两个中划线 -- 来表示这些平台特定参数,例如:

cordova run android --release -- --keystore=../my-release-key.keystore --storePassword=password --alias=alias_name --password=password

참고

cmd:keytool - genkey -alias tzky.keystore -keyalg RSA -validity 40000 -keystore tzky.keystore

입력 프롬프트에 따라 입력을 완료하고 성공적인 생성 후 Android 플랫폼 루트 디렉터리를 새로 고칩니다

2 애플리케이션과 패키지에 서명합니다. it

(참고: 패키징 구성 파일을 자동으로 생성할 때 릴리스 서명 .properties, tzky.keystore에 주의해야 합니다. 배치 경로가 일치해야 합니다)

release-signing.properties 파일을 수동으로 추가하고 수정합니다:

추가 후 직접 실행: cordova build android –release

3. 시작 속도 최적화

ionic cordova build android --prod –release

<preference name="AutoHideSplashScreen" value="false" /> 
<preference name="FadeSplashScreenDuration" value="1000" /> 
<preference name="SplashScreen" value="screen" /> 
<preference name="ShowSplashScreen" value="true" /> 
<preference name="ShowSplashScreenSpinner" value="false" /> 
<preference name="SplashShowOnlyFirstTime" value="false" /> 
<preference name="FadeSplashScreen" value="true" />

위 내용은 Angle2 패키지 Android 앱 환경을 구축하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!