.wpcf7-submit:disabled{cursor:not-allowed}ハトらぼFirebaseでお手軽にローカルのWEBアプリをSSL公開するスポンサーリンクプログラミングTwitterFacebookはてブLINE2018.10.19スポンサーリンクショートカットローカルアプリをSSLで公開したい場合にFirebaseを使う手順Googleアカウントを作る新規プロジェクトを作るFirebase-toolsをインストールFirebaseとローカルアプリを紐づけるローカルアプリをFirebaseにデプロイFirebaseホスティングを使うときの注意点ローカルアプリをSSLで公開したい場合にwebアプリケーションにはSSL環境でないと動作しない機能があったりします。workerもその一つ。いう場合にはローカル環境で開発したものをそのままテストすることができないので、SSL環境をとりあえず用意したい場合にはFirebaseのホスティング機能を使うのも一つの手です。Firebaseホスティング機能を使えば、ローカルのアプリを手軽にweb上に公開することができます。Firebase公式ページにアクセスする。business.firebase.google.com右上のコンソールへ移動を押してGoogleアカウントでログインする。Googleアカウントをもし持っていない方がいたら、この機会に作っておいて損はありません。Googleアカウントがあれば、いろんなサービスのアカウントとして使えるので超便利です。新規プロジェクトを作るログインできたら、プロジェクトを追加から新規プロジェクトを作ります。モーダルが立ち上がるので、プロジェクト名(アプリ名)を適当に入力します。一時的にホスティングに使う場合は特に悩む必要はないと思います。hato-appとでもしましょう。今回はホスティング機能を使うだけなので、このままプロジェクトを作成を押します。するとアプリの管理画面に移ります。Firebase-toolsをインストール左メニューの開発を選び、リストからHostingを選んでください。開いた画面で「使ってみる」ボタンを押すと、下のようなモーダルが立ち上がります。Firebaseを使うには、npmでfirebase-toolsをインストールする必要があります。表示されている以下のコマンドを、macならターミナル、windowsならコマンドプロンプトで打ち込んでインストールしてください。firebase-toolsインストールができたら、次へを押して進みます。公開したいローカルアプリのディレクトリに移動し、下記コマンドでfirebaseにログインします。CLIがアカウントへのアクセスを要求しています」と表示されるので許可します。ログイン成功画面が表示されれば成功です。Firebaseとローカルアプリを紐づける公開したいローカルアプリのディレクトリ下で下記コマンドを入力し、ローカルアプリとFirebaseを紐づけます。init色々聞かれますので、下のように答えていきます。No設定が完了すると、カレントディレクトリに下の2つが作成されます。firebase.jsonpublicディレクトリpublicディレクトリには公開したいアプリのファイルを入れます。buildして作られたbuildフォルダ内のファイルですね。デフォルトではpublicフォルダ内のファイルがデプロイ対象となっています。デプロイするフォルダを変更したい場合は、下記を参照してください。記述しま...hatolabo.com2018.10.19ローカルアプリをFirebaseにデプロイあとは下記コマンドを打つだけでローカルアプリがデプロイされます。deployデプロイが完了したら、アクセス先のURLが表示されるのでアクセスしてみましょう。ローカルアプリの画面が表示されていれば成功です。うまくデプロイできていれば、Firebaseの管理画面にもアプリのURLが表示されるようになります。Firebaseホスティングを使うときの注意点SSLで動作を確認したい場合、Firebaseのホスティング機能は便利です。image等)のみサポートのため、phpやrailsなどのプログラムを動かすことはできないので注意です。(現時点ではNode.jsのみ対応とのこと)psp7未経験、異業種からIT業界に転身。Javascript(React.js)をつかったWEBアプリ開発にたずさわる。modifierエラーとなる場合2021.06.14プログラミング【Material-ui】Buttonコンポーネントで文字が大文字になるのを小文字のまま表示する2019.04.20プログラミングMySQLで最後のレコード(一番最新)から検索2018.11.29プログラミング【Javascript】オブジェクトの配列でプロパティの値によりソート2019.01.29プログラミングWordPressテーマCocoonでpreタグ内のタグが消える2018.11.09Firebaseでデプロイするフォルダを変更するコメントコメントを書き込むコメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。type”となる場合2021.10.22カテゴリープログラミングアーカイブ2022年8月2021年11月2021年10月2021年6月2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月2019年7月2019年6月2019年5月2019年4月2019年3月2019年2月2019年1月2018年12月2018年11月2018年10。