ユーザ用ツール

サイト用ツール


ionic3でcameraプラグイン

ionic3-camera(2018/10月時点)

ソースコード

開発環境

構築した環境

cordova-android@7.1.1
@ionic-native/camera@4.15.0

方法

$ ionic start ionic3-camera blank
$ ionic cordova platform add android
$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera

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タブ

その後、 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

写経してみます。

git clone https://github.com/peterpeterparker/ionic-pwa-camera-no-plugins.git
cd ionic-pwa-camera-no-plugins
npm install

その後、Bitbucketにgit pushして、NetlifyにDeploy

// 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/)

ちゃんとAndroidスマホで開いたら、カメラ画像も、保存された画像からも掲載することができた。

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki