로메오의 블로그

ionic 차례 Cordova 플러그인 설치하기 $ cordova plugin add https://github.com/Telerik-Verified-Plugins/ImagePicker.git --variable PHOTO_LIBRARY_USAGE_DESCRIPTION="your usage message" Image Picker 사용하기 import { Component, OnInit } from '@angular/core'; import { Platform } from '@ionic/angular'; declare var window; @Component({ selector: 'app-folder', templateUrl: './folder.page.html', styleUrls: ['./folder...

ionic 차례 UtilService.ts import { TaskService } from 'src/app/services/task.service'; export class UtilService { constructor(public toastController: ToastController, private taskService: TaskService ) { } /** * PDF 파일을 업로드 한다. * filePath: file:///var/mobile/Containers/Data/Application/3A918EF3-8093-4857-A9B3-B49DA0D820CC/Documents/20200527105850.pdf */ uploadPdfFile(filePath: string) { const that..

ionic 차례 파라미터 넘기기 import { Router, NavigationExtras } from '@angular/router'; export class ReceiptPage implements OnInit { constructor( private router: Router, ) { } // 다음페이지로 파라미터를 넘긴다. moveNext(taskName) { let navigationExtras: NavigationExtras = { state: { taskName: taskName } }; this.router.navigate(['/task'], navigationExtras) } } 파라미터 받기 import { ActivatedRoute } from '@angular/router'; im..

ionic 차례 프로젝트 생성 $ ionic start first-project $ ionic cordova platform add android $ ionic cordova platform add ios Camera 설치 $ ionic cordova plugin add cordova-plugin-camera $ yarn add @ionic-native/camera Document Scanner 설치 $ ionic cordova plugin add cordova-plugin-document-scanner $ yarn add @ionic-native/document-scanner File 설치 $ ionic cordova plugin add cordova-plugin-file $ yarn add @ioni..

Firebase 목록 ionic 차례 Cloud Firestore Database 생성 src/app/app.module.ts .... import { AngularFireModule } from 'angularfire2'; import { AngularFireAuthModule } from 'angularfire2/auth' import { AngularFirestoreModule } from 'angularfire2/firestore' var firebaseConfig = { apiKey: "xxxx", authDomain: "xxxx", databaseURL: "xxxx", projectId: "xxxx", storageBucket: "xxxx", messagingSenderId: "xxxx", a..

Firebase 목록 ionic 차례 [FIREBASE] AUTHENTICATION 로그인 - GOOGLE, FACEBOOK, EMAIL Firebase Console 설정은 위 포스트를 참조하세요. 프로젝트 생성 $ ionic start firstProject blank --type=angular $ npm install firebase angularfire2 --save src/app/app.module.ts .... import { AngularFireModule } from 'angularfire2'; import { AngularFireAuthModule } from 'angularfire2/auth' var firebaseConfig = { apiKey: "xxxx", authDomain: "..

Firebase 목록 ionic 차례 ionic production으로 build 하기 $ ionic build --prod --release www 폴더가 생성됩니다. firebase hosting 생성하기 $ npm install -g firebase-tools $ firebase login $ firebase init public을 선택하고 생성합니다. firebase.json { "hosting": { "public": "www", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } public폴더를 www로 수정합니..

Firebase 목록 ionic 차례 프로젝트 생성 $ ionic start first-project blank $ cd first-project $ npm install firebase --save Firebase 프로젝트 생성 [FIREBASE] 호스팅 생성하고 배포하기 Firebase 프로젝트를 생성하고 웹앱을 만듭니다. 그리고 realtime database도 만듭니다. 프로젝트 설정 > 일반 > 만들어진 웹앱 > Firebase SDK snippet에서 CDN을 선택해서 firebaseConfig 부분을 복사합니다. 그리고 src/app/environment.ts 파일을 만듭니다. src/app/environment.ts 생성 export const FIREBASE_CONFIG = { apiKe..