시작이 반

구글서비스 플러그인 안드로이드 빌드시 에러 진행하는 Ionic 프로젝트에는 FCM Plugin과 Google-Analytics Plugin을 사용한다. 둘다 설치하고 Build를 돌렸더니 아래와 같은 에러가 난다. Execution failed for task ':processDebugGoogleServices'.> Please fix the version conflict either by updating the version of the google-services plugin (information about the latest version is available at https://bintray.com/android/android-tools/com.google.gms.google-services/..

Ionic cordova build android 실패A problem occurred evaluating root project 'android'.[내컴퓨터] - [속성] - [고급시스템설정] - [환경변수] - [시스템 변수] - [새로만들기] 변수이름 : ANDROID_HOME변수 값 : ANDROID SDK 가 있는 디렉토리 [Path] - [편집][변수 값] 에 %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools추가 하고 다시 ionic cordova build android 를 시도한다.만일 안되면 CLI를 껏다 다시 켜볼것. $ avds devices 에 아무 목록이 없을 때연결할 핸드폰의 Driver를 다운받아 설치한다.삼성의 경우 Kies를 설치하거..

Ionic에서 Kakaotalk 간편로그인하기 Cordova Plugin 저장소https://github.com/GwonHyeok/cordova-plugin-kakaotalk Cordova Plugin 설치cordova plugin add cordova-plugin-ghyeok-kakaotalk --variable KAKAO_APP_KEY=YOUR_KAKAO_APP_KEY안드로이드 - 카카오 개발자 센터에서 키 해시를 등록Keystore 신규 생성[Android Studio] - [Build] - [Generate Signed APK] - [Create new...] [Keystore]Key store path : keystore(.jks)를 생성해서 저장할 디렉토리Password : keystore 비..

IONIC resources 이미지 자동화앱을 처음 띄우면 나오는 스플래시와 아이콘 이미지를 만들자.ionic에서는 하나의 이미지 파일로 디바이스 해상도별 파일로 자동 생성해 주는 기능이 있다. Splash screen Template PSDSplash screen을 만들수 있는 PSD 템플릿 파일이다.이전에 ionic.io 사이트에서 제공했던 파일인데 지금은 그 페이지가 어디갔는지 모르겠다. 그래서 https://github.com/milkcan/Ionic-Splash-Template 이곳에서 다운 받았고 이 포스팅에도 등록해놓았다. - (splash.psd) 이걸 이용하여 포토샵으로 작업을 한 뒤 이후의 작업 순서를 적겠다. Splash screen plugin 설치http://ionicframewo..

How to fix the connection to the server was unsuccessful. (file ///android_asset/www/index.html)앱을 빌드하다보면 첫 화면 로딩 속도가 너무 느려서에러를 내뿜는 경우 config.xml 에 추가

SplashScreen boot time 너무 길때config.xml 이러한 속성 추가. 알맞는것 잘 고르자. 그리고 Ionic2의 버전을 체크하도록 하자. 2.1.14 버전에서는 아무리 해도 19~20초 가량 걸렸는데2.2.2 버전으로 올리니 5~6초 가량으로 줄어들었다. $ ionic build android --prod --release 빌드시에 --prod 필수

Android APK ReleaseIonic으로 앱을 만들었다면 배포버전을 만들어보자. Console 삭제개발에 꼭 필요했던 console plugin을 삭제하자.배포버전에는 필요없는 플러그인이다. $ cordova plugin rm cordova-plugin-console Android Buildcli 명령 $ ionic build android --prod --release 완료가 되면 서명되지 않은 APK 파일이 만들어진다. platforms/android/build/outputs/apk 경로 안에나의 경우는 android-release-unsinged.apk 가 만들어졌다. 개인키생성$ keytool -genkey -v -keystore my-release-key.keystore -alias al..

Android Studio & Gradle 버전 오류로 Ionic2 build 실패간만에 Android Studio를 실행했더니, 플러그인 업데이트, SDK 업데이트 하라고 하도 메세지가 많이 나와서업데이트를 진행했더니 아니 글쎄 잘만되던 Ionic2 Project 빌드가 오류가 났다. 최소 Gradle 버전은 3.3인데 니가 쓰는건 2.14.1 이다. 어쩌구저쩌구.. 2.14.1을 3.3으로 바꿔라 라며 안되는것이 아닌가.. 그래서 검색해보니 gradle-wrapper.properties 파일에 distributionUrl=http\://services.gradle.org/distributions/gradle-3.3-all.zip 로 바꾸면 된단다. 그렇지만 역시나 한번에 안되지... 실패 [File]..

Error: Missing deploy plugin: `ionic-plugin-deploy`브라우저에서 볼때 디바이스가 PC모드로 되어 있을때 나는 에러Mobile 모드로 변경하면 에러 사라짐. 이미지가 로드되지 않을 때 (앱 내 이미지)/ 나 ../ 로 시작한다면 모두 제거assets/image.png 로 시작한다. 맥에서 Ionic이 설치되지 않을 때터미널에서 $ npm install -g ionic cordova 를 실행했는데, please try running this command again as root/administrator. 이러한 에러가 나면서 설치가 되지 않는다. 그럴땐 $ sudo npm install -g ionic cordova 로 실행하고 맥 비번을 입력하니 설치 됨 http...

Auth (사용자 인증) 인증 공급자들Provider Setup & Usage Email / password (아래참조) Custom In-App Browser Facebook Native Login (선호) / In-App Browser Google Native Login (선호) / In-App Browser Twitter In-App Browser Instagram In-App Browser LinkedIn In-App Browser Github In-App Browser Email/Password 인증로그인 컴포넌트에서 Auth와 User를 import 한다.Auth : 등록 및 로그인/로그아웃을 처리하는 서비스User : 익명여부에 관계없이 현재 사용자에 대한 참조.import { Compone..