Android ミュージックプレイヤー
私ときえのきが自作した、ココだけの限定楽曲が聞けます！
Vue.js で Android ネイティブアプリを作るテンプレート
Capacitor ってやつを使用
- Vue
- Vuetify
- Vue-router
- Pug
- SCSS/SASS
- Capacitor
- Capacitor の PWA/Toast 機能
- ライブリロードをサポート
- 試しに作ってみた APK ファイル
Android
yarn install
npm install pug#何故か別で書かないと動かない場所: /android/app/src/main/AndroidManifest.xml
<manifest>
<uses-permission
android:name="android.permission.READ_EXTERNAL_STORAGE"
android:maxSdkVersion="32"
/>
<uses-permission
android:name="android.permission.WRITE_EXTERNAL_STORAGE"
android:maxSdkVersion="32"
/>
<uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
</manifest>yarn serveこの状態で DEBUG.apk を使用すると、192.168.11.108:8080 がホストの場合に限ってホットリロードしながらアプリ使える
yarn build# /capacitor.config.jsonのserver→url欄にこのPCのローカルIP:Portを入力
# それか、ライブリロードしない場合（apkに書き出すとか）はserverの記述を削除する
npx cap init #初期設定
npx cap add android #初回のみ必要
npx cap sync #データ同期
npx cap copy #必要な理由は知らん
npx cap open android #Android Studioが起動、ライブリロード対応yarn lint