Edited at

Quasar を使ってちょっとしたモバイルアプリを作ってみる。(2/2)

More than 1 year has passed since last update.

前回の記事(

https://qiita.com/Satachito/items/2fada395c301fd4ec4bf

)でちょっとした web アプリを作って見た。

ここからは quasar の謳い文句の一つのソースで、Web、マルチプラットフォームデスクトップアプリ、モバイルアプリなどが作れる、っていうのを追ってみる。

作業環境は OSX。

でもって、

超簡単!


electron でデスクトップアプリを作ってみる。

http://quasar-framework.org/guide/electron-wrapper.html


web アプリをビルドしておく。

cd <folder_name>

quasar build


electron で wrap する。

quasar wrap electron

cd electron
npm install


electron で osx 用のモジュールをビルドする。

cd <folder_name>/electron

quasar build darwin

<folder_name>/electron/dist/Quasar Electron App-darwin-x64

の下にアプリができるので、実行してみる。

SS11.png


electron で Mac AppStore 用のモジュールをビルドする。

cd <folder_name>/electron

quasar build mas


electron で Linux 用のモジュールをビルドする。

cd <folder_name>/electron

quasar build linux


electron で Windows 用のモジュールをビルドする。

wine という署名プログラムが必要なので、brew でインストールする。

brew install wine

そして



cd <folder_name>/electron

quasar build win32


Cordova でモバイルアプリを作ってみる。

http://quasar-framework.org/guide/cordova-wrapper.html


準備


Cordova のインストール

npm install -g cordova


Cordova でラップする

cd <folder_name>

quasar wrap cordova
cd cordova


iOS アプリ

cordova platform add ios

cordova run ios

シミュレータが立ち上がってアプリが動作する。

SS14.png

以下のフォルダにプロジェクトが生成されている。

SS15.png