ユーザ用ツール

サイト用ツール


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

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
ionicウェブアプリをnetlifyで簡単デプロイ [2018/12/24] – [2. ローカルパソコンでIonicアプリを新規作成] adash333ionicウェブアプリをnetlifyで簡単デプロイ [2019/08/28] (現在) – [IonicウェブアプリをNetlifyで簡単デプロイ] adash333
行 6: 行 6:
  
 Netlifyという静的サイト公開ツールがあり、あらかじめ設定しておけば、GitHubやBitbucketにpushする(コードをアップロードする)だけで、Ionicサイトを公開することができます(無料プランの範囲でできます)。 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は無料プランで非公開プロジェクトを複数個持てます。そのため、今回は、 firebaseを用いる場合、firebaseの設定ファイル(私の場合は、src/environments/environment.ts)は他の人に知られると良くないので、間違えてアップロードして公開されてしまうと困ります。GitHubでは、無料プランでは非公開プロジェクトは1個までですが、Bitbucketは無料プランで非公開プロジェクトを複数個持てます。そのため、今回は、
行 67: 行 74:
  
  
-===== Bitbucketに新しいリポジトリを作成し、ロールのリポジpush(アップロード) =====+===== NetlifyにBitbucketのアウントを登録 =====
  
  
-  -NetlifyにBitbucketのアカウントを登録 +===== NetlifyにBitbucketの特定のリポジトリを登録 ===== 
-  -NetlifyにBitbucketの特定のリポジトリを登録 + 
-  -NetlifyにIonicウェブアプリが公開されたことを確認+ 
 +master 
 + 
 +npm run build –prod 
 + 
 +www/ 
 +===== NetlifyにIonicウェブアプリが公開されたことを確認 ===== 
  
 作成中 作成中

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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki