ionic3でcameraプラグイン

差分

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

この比較画面へのリンク

--- ionic3でcameraプラグイン [2018/10/07] – adash333
+++ ionic3でcameraプラグイン [2018/10/10] (現在) – [Ionic3でPWAでカメラ] adash333
@@ 行 1: / 行 1: @@
-===== ionic3-camera(2018/10月時点) =====
+====== ionic3-camera(2018/10月時点) ======
+===== ソースコード =====
+https://github.com/adash333/ionic3-camera
+===== 開発環境 =====
+{{:pasted:20181008-004510.png}}
+構築した環境
+<code>
+cordova-android@7.1.1
+@ionic-native/camera@4.15.0
+</code>
+===== 方法 =====
 <code>
@@ 行 22: / 行 35: @@
 → 2018/10/8現在、カメラが動いたことを確認。
+===== Ionic3でPWAでカメラ =====
+プラグイン無しでカメラを起動できるらしいです。
+https://github.com/peterpeterparker/ionic-pwa-camera-no-plugins
+写経してみます。
+<code>
+git clone https://github.com/peterpeterparker/ionic-pwa-camera-no-plugins.git
+cd ionic-pwa-camera-no-plugins
+npm install
+</code>
+その後、Bitbucketにgit pushして、NetlifyにDeploy
+<code>
+// Bitbucketで新規Repository作成
+// Localフォルダの.gitフォルダを削除
+git init
+git add .
+git commit -m "first commit"
+git remote add origin git@bitbucket.org:adash333/ionic3-pwa-camera.git
+//　上記gitのアドレスは、ご自身のものを入力してください
+git push -u origin master
+// Netlifyで上記リポジトリのdeploy (npm run build --prod, www/)
+</code>
+{{:pasted:20181010-162309.png}}
+ちゃんとAndroidスマホで開いたら、カメラ画像も、保存された画像からも掲載することができた。
+{{:pasted:20181010-164047.png?200|}}

ionic3でcameraプラグイン.1538926399.txt.gz · 最終更新: 2018/10/07 by adash333