z_blog:2018:181009_ionic4-capacitor-camera

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- z_blog:2018:181009_ionic4-capacitor-camera [2018/10/09] – [npm run build] adash333
+++ z_blog:2018:181009_ionic4-capacitor-camera [2018/10/09] (現在) – [参考] adash333
@@ 行 87: / 行 87: @@
 npm run build
 npx capacitor sync
+npx cap open android
 </code>
-この後、androidstudioでapkファイルを作成する方法がよく紹介されているが、それなら、Ionic-Native（Cordova）で十分な気がする。
+参考：[[:ionic3でcameraプラグイン|ionic3-camera(2018/10月時点)]]
+{{:z_blog:2018:pasted:20181009-234145.png}}
+アプリメニュー：Build → Build APK
+app/build/outputs/apk/ に、apkファイルが出てくるので、それを自分のAndroidスマホにGDrive経由でインストール。
+=> Androidスマホにapkファイルをインストールして、カメラが起動するところまでは行けた。しかし、カメラでとった写真が表示されない。。。
+コードを更新したときは、
+<code>
+npm run build
+npx cap copy
+</code>
+この、androidstudioでapkファイルを作成する方法がよく紹介されているが、それなら、Ionic-Native（Cordova）で十分な気がする。
 Capacitorを利用するメリットは、PWAでCameraなどが使えるからだと思う。
+===== アプリのPWA化 =====
 <code>
 ng add @angular/pwa --project app
 ionic build --prod
-// npx cap open android
 </code>
+GitHub経由でnetlifyでデプロイしてみたが、CAPTURE!!ボタンをクリックしても、カメラは起動しなかった。
+ソースコード
+https://github.com/adash333/camera
+===== 参考 =====
+なんとプラグイン無しでpwaとしてカメラが動くionic3ソースコードが紹介されていた
+https://github.com/peterpeterparker/ionic-pwa-camera-no-plugins
+https://qiita.com/hedrall/items/94ef17b2e096c9d352bd\\
+@hedrall
+年08月07日に更新
+Ionic > カメラロールなどから画像を選択して、アップロードする
 ===== 写経元サイト =====

z_blog/2018/181009_ionic4-capacitor-camera.1539095781.txt.gz · 最終更新: 2018/10/09 by adash333