ユーザ用ツール

サイト用ツール


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

文書の過去の版を表示しています。


IonicウェブアプリをNetlifyで簡単デプロイ

Netlifyという静的サイト公開ツールがあり、あらかじめ設定しておけば、GitHubやBitbucketにpushする(コードをアップロードする)だけで、Ionicサイトを公開することができます(無料プランの範囲でできます)。

firebaseを用いる場合、firebaseの設定ファイル(私の場合は、src/environments/environment.ts)は他の人に知られると良くないので、間違えてアップロードして公開されてしまうと困ります。GitHubでは、無料プランでは非公開プロジェクトは1個までですが、Bitbucketは無料プランで非公開プロジェクトを複数個持てます。そのため、今回は、

BitbucketとNetlifyでIonicウェブアプリを公開する方法

を記載していきたいと思います。

開発環境

Windows 8.1 Pro
VisualStudioCode
git version 2.16.1.windows.4
Sourcetree Version 2.4.8.0
Peageant

流れ

  1. Bitbucketにアカウント登録
  2. BitbucketにSSHキーを登録
  3. ローカルパソコンでIonicアプリを新規作成
  4. Bitbucketに新しいリポジトリを作成し、ローカルのリポジトリをpush(アップロード)
  5. NetlifyにBitbucketのアカウントを登録
  6. NetlifyにBitbucketの特定のリポジトリを登録
  7. NetlifyにIonicウェブアプリが公開されたことを確認

作成中

リンク

https://sitest.jp/blog/?p=9758

Netlify 初心者必見! Bitbucket 上のコードをビルドして静的サイトを公開してみる
2017年5月8日

ionicウェブアプリをnetlifyで簡単デプロイ.1528948928.txt.gz · 最終更新: 2018/10/07 (外部編集)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki