minminzei/cordova-demo

cordova調査用レポジトリ

Cordova Sample

demo

https://s3-ap-northeast-1.amazonaws.com/test.cordova.demo/index.html#/

このレポジトリについて

• 概要
  • ES2015/Vue.jsで作成したWEBを、Cordovaを使ってハイブリットアプリ化するための調査用レポジトリです
• ゴール
  • SPA/WEBをiOS/Androidで配布できるようにする
• 構成
  • build/native bridge: cordova
  • サーバー構成: AWS serverless
  • フロント: Vue.js/ Vuex
  • UIコンポーネント: Vuetify

事前準備

• cordovaのセットアップ https://cordova.apache.org/
• aws configure https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-chap-getting-started.html

AWSセットアップ

1. AWS > dynamodbにitemsテーブルを作成
2. AWS > s3にbucketを作成
3. api/.env.ymlをapi/env.ymlにコピーして1,2で取得した情報を記載
4. apiフォルダでnpm run deployを実行し、AWSに環境をデプロイする。各人のAWS環境でやってください。
5. デプロイ完了後、AWS > API Gatewayにstage-cordova-demoが作成されているので、ダッシュボードからAPI URLを取得
6. 取得したURLをapi/env.ymlのapigateway.endpointに記載。

build

1. wwwに静的ファイルをビルド

npm run build

2. platformの追加(iosの場合)

### 初回時:build結果はplatforms/iosに格納される
cordova platform add ios

### 2回目以降
cordova build ios

Document

• https://cordova.apache.org/docs/en/latest/
• https://serverless.com/