====== 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>
$ ionic start ionic3-camera blank
$ ionic cordova platform add android
$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera
</code>

http://android-java.hatenablog.jp/entry/2018/09/30/191211\\
Android Studio 3.2 でビルドエラー「No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android」が出た時の対処方法

AndroidStudioで、platforms/android を開き、File > Project Structure > Projectタブ

{{:pasted:20181008-003204.png}}

その後、 Build > Build bundle > Build APK

"プロジェクトフォルダ\app\build\outputs\apk\"配下に.apkファイルが作成される。

これを、GoogleDrive経由でAndroidスマホにインストール。

→ 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|}}