ionicウェブアプリをnetlifyで簡単デプロイ

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- ionicウェブアプリをnetlifyで簡単デプロイ [2018/12/24] – [リンク] adash333
+++ ionicウェブアプリをnetlifyで簡単デプロイ [2019/08/28] (現在) – [IonicウェブアプリをNetlifyで簡単デプロイ] adash333
@@ 行 6: / 行 6: @@
 Netlifyという静的サイト公開ツールがあり、あらかじめ設定しておけば、GitHubやBitbucketにpushする（コードをアップロードする）だけで、Ionicサイトを公開することができます（無料プランの範囲でできます）。
+<wrap hi>以下に記載させていただきました。</wrap>
+http://i-doctor.sakura.ne.jp/web/doku.php?id=00.ionic4:10.ionic4%E3%81%A8capacitor%E3%81%A7gps%E5%8F%96%E5%BE%97#netlify%E3%81%AB%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4
 firebaseを用いる場合、firebaseの設定ファイル（私の場合は、src/environments/environment.ts）は他の人に知られると良くないので、間違えてアップロードして公開されてしまうと困ります。GitHubでは、無料プランでは非公開プロジェクトは1個までですが、Bitbucketは無料プランで非公開プロジェクトを複数個持てます。そのため、今回は、
@@ 行 51: / 行 58: @@
-===== 3. ローカルパソコンでIonicアプリを新規作成 =====
+===== 2. ローカルパソコンでIonicアプリを新規作成 =====
+Ionic3の場合
+<code>
+ionic start myApp blank
+</code>
+Ionic4の場合
+<code>
+ionic start myApp blank --type=angular
+</code>
-===== Bitbucketに新しいリポジトリを作成し、ローカルのリポジトリをpush（アップロード） =====
+===== 3.Bitbucketに新しいリポジトリを作成し、ローカルのリポジトリをhttpsのアドレスを用いてpush（アップロード） =====
+httpsのアドレス（SSHでは無い方）を用いるのがポイントです。
-  -NetlifyにBitbucketのアカウントを登録
+===== NetlifyにBitbucketのアカウントを登録 =====
-  -NetlifyにBitbucketの特定のリポジトリを登録
-  -NetlifyにIonicウェブアプリが公開されたことを確認
+===== NetlifyにBitbucketの特定のリポジトリを登録 =====
+master
+npm run build –prod
+www/
+===== NetlifyにIonicウェブアプリが公開されたことを確認 =====
 作成中

ionicウェブアプリをnetlifyで簡単デプロイ.1545648064.txt.gz · 最終更新: 2018/12/24 by adash333