0
0

More than 1 year has passed since last update.

Ionic/Angular/SQLiteとcordova(Android)

Last updated at Posted at 2023-07-23

AndoroidモバイルアプリでSQLiteにデータを格納したく、サンプルアプリを作ってみました。
他のWebサイトでも多くの先輩方が掲載をしてくださっていましたので参考にさせていただきました。
今回は、今現在最新のバージョンでサンプルアプリを作成してみました。
ソースコードはGithubに公開していますのでなにかの参考にしていただければ幸いです。

ライブラリのバージョン

  • ionic/angular Version 7
  • Angular version 16
  • Ionic version 7
  • cordova plugin SQLite database version 6.4
  • cordova SQLite Porter version 6.4

動作確認はAndroidのエミュレータを使用します。

主な機能

  • アプリ起動時のデータベースファイルの作成(サンプルレコードのINSERT)
  • Person情報の登録、更新、削除

UI/画面構成

  • Person一覧画面
    image.png

  • 特定のPerson編集画面
    image.png

起動方法

  • Android プラットフォームを追加します。
> npm install -g ionic cordova
> npm install
> ionic cordova platform add android
  • ビルドします。
> ionic cordova build android
  • Androidエミュレータを起動します。
> ionic cordova emulate android

ソースコード

こちらからダウンロードすることができます。
Github : Ionic7-Angular16-SQLite

以上です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0