z_blog:2018:181009_ionic4-capacitor-camera
文書の過去の版を表示しています。
181009_Ionic4+Capacitor+Cameraの写経にtryしてみる
目次
前回;181009_ionic4_firestore_capacitor_camera2
もうどうにもならないCapacitor
以下のサイトを写経して、動くのだろうか。。。
http://tphangout.com/ionic-4-camera-with-capacitor/
Ionic 4 – Camera with Capacitor
JULY 30, 2018
参考サイト
https://capacitor.ionicframework.com/docs/getting-started/with-ionic/
Using Capacitor with Ionic(Capacitor公式サイト)
写経経過
ionic start camera blank --type=angular // No, No // 一度、VisualStudioCodeを閉じてから、 // camera/ フォルダをVisualStudioCodeで開く npm uninstall --save cordova-plugin-splashscreen npm install --save @capacitor/cli @capacitor/core npx cap init camerapp com.example.app npm run build npx cap add android
home.page.htmlと、home.page.tsの変更
npm run build npx capacitor sync
この後、androidstudioでapkファイルを作成する方法がよく紹介されているが、それなら、Ionic-Native(Cordova)で十分な気がする。
Capacitorを利用するメリットは、PWAでCameraなどが使えるからだと思う。
ng add @angular/pwa --project app ionic build --prod
写経元サイト
http://tphangout.com/ionic-4-camera-with-capacitor/
Ionic 4 – Camera with Capacitor
JULY 30, 2018
z_blog/2018/181009_ionic4-capacitor-camera.1539095415.txt.gz · 最終更新: 2018/10/09 by adash333