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] – [アプリのPWA化] adash333 | ||
---|---|---|---|
行 87: | 行 87: | ||
npm run build | npm run build | ||
npx capacitor sync | npx capacitor sync | ||
+ | npx cap open android | ||
</ | </ | ||
- | この後、androidstudioでapkファイルを作成する方法がよく紹介されているが、それなら、Ionic-Native(Cordova)で十分な気がする。 | + | 参考:[[: |
+ | |||
+ | {{: | ||
+ | |||
+ | アプリメニュー:Build → Build APK | ||
+ | |||
+ | app/ | ||
+ | |||
+ | => Androidスマホにapkファイルをインストールして、カメラが起動するところまでは行けた。しかし、カメラでとった写真が表示されない。。。 | ||
+ | |||
+ | コードを更新したときは、 | ||
+ | |||
+ | < | ||
+ | npm run build | ||
+ | npx cap copy | ||
+ | </ | ||
+ | |||
+ | この、androidstudioでapkファイルを作成する方法がよく紹介されているが、それなら、Ionic-Native(Cordova)で十分な気がする。 | ||
Capacitorを利用するメリットは、PWAでCameraなどが使えるからだと思う。 | Capacitorを利用するメリットは、PWAでCameraなどが使えるからだと思う。 | ||
+ | |||
+ | ===== アプリのPWA化 ===== | ||
< | < | ||
ng add @angular/ | ng add @angular/ | ||
ionic build --prod | ionic build --prod | ||
- | // npx cap open android | ||
</ | </ | ||
+ | GitHub経由でnetlifyでデプロイしてみたが、CAPTURE!!ボタンをクリックしても、カメラは起動しなかった。 | ||
+ | ソースコード | ||
+ | https:// | ||
===== 写経元サイト ===== | ===== 写経元サイト ===== | ||
z_blog/2018/181009_ionic4-capacitor-camera.txt · 最終更新: 2018/10/09 by adash333