ラッキーな日々

望んでも望んでも、叶わないから望み続ける

Progressive Web Apps (PWA: プログレッシブ ウェブ アプリ)

Node.jsって何

投稿日:

Pocket

Node.JS

Node.jsって何?

「Node.jsとは、UNIX系のプラットフォーム上で動作するサーバーサイドのJavaScriptです。」だそうです。

出典:【入門編】Node.JSとは|4つの特徴とおすすめ教材6選

凄く分かりやすく書いてある。

図にするとこんな感じらしい。

NODEJS

node.jsの内部構造を理解する

出典:ゼロから始めるnode.js

Firebase Hosting を使う

ここからnode.jsをダウンロードして自分のPCへインスト―ル。

Node.js® は、Chrome の V8 JavaScript エンジン で動作する JavaScript 環境です。

PCのコマンドプロントプを開いて、インストールしたPCからFirebaseへNode.Jsをインストール。

手順は、この通りでした。

npm install -g firebase-tools 入力エンター

Firebase へログイン

firebase login 入力エンター

サイトを初期化

firebase init 入力エンター

サイトをデプロイする

firebase deploy  入力エンター

デプロイ:

ソフトウェアデプロイメントとは、ソフトウェアシステムを利用可能にする活動全般を指す用語である。デプロイメントとは「展開、配備、配置」などの意。 一般にデプロイメントは相互に関連したいくつかの活動から構成される。 ウィキペディア

コマンド履歴

Microsoft Windows [Version ***************
(c) 2018 Microsoft Corporation. All rights reserved.

C:\***>npm install -g firebase-tools
C:\***\AppData\Roaming\npm\firebase -> C:\***\AppData\**********************\firebase-tools\bin\firebase

***************************************

If you’re using the Emulator via the Firebase CLI, you can
disregard this message.

If you’re upgrading @google-cloud/functions-emulator, these
are the recommended upgrade steps:

1. Stop the currently running emulator, if any:

functions stop

2. Uninstall the current emulator, if any:

npm uninstall -g @google-cloud/functions-emulator

3. Install the new version of the emulator:

npm install -g @google-cloud/functions-emulator

If you have trouble after upgrading, try deleting the config
directory found in:

~/.config/configstore/@google-cloud/functions-emulator

Then restart the emulator. You can also check for any renegade
Node.js emulator processes that may need to be killed:

ps aux | grep node

+ firebase-tools@4.2.1
added 558 packages from 279 contributors in 23.741s

C:\***>firebase login
? Allow Firebase to collect anonymous CLI usage and error reporting information
? Yes

Visit this URL on any device to log in:
****************************************************************

Waiting for authentication…
^Cバッチ ジョブを終了しますか (Y/N)? y

C:\***>firebase login
? Allow Firebase to collect anonymous CLI usage and error reporting information
? No

Visit this URL on any device to log in:
***************************************************
***************************************************************

Waiting for authentication…

+ Success! Logged in as ***@gmail.com

C:\***>firebase init

######## #### ######## ######## ######## ### ###### ########
## ## ## ## ## ## ## ## ## ## ##
###### ## ######## ###### ######## ######### ###### ######
## ## ## ## ## ## ## ## ## ## ##
## #### ## ## ######## ######## ## ## ###### ########

You’re about to initialize a Firebase project in this directory:

C:\***

Before we get started, keep in mind:

* You are initializing your home directory as a Firebase project

? Are you ready to proceed? Yes
? Which Firebase CLI features do you want to setup for this folder? Press Space
to select features, then Enter to confirm your choices. Database: Deploy Fireb
ase Realtime Database Rules, Firestore: Deploy rules and create indexes for Fir
estore, Functions: Configure and deploy Cloud Functions, Hosting: Configure and
deploy Firebase Hosting sites, Storage: Deploy Cloud Storage security rules

=== Project Setup

First, let’s associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use –add,
but for now we’ll just set up a default project.

? Select a default Firebase project for this directory: [don’t setup a default
project]

=== Database Setup

Firebase Realtime Database Rules allow you to define how your data should be
structured and when your data can be read from and written to.

? What file should be used for Database Rules? database.rules.json
+ Database Rules for have been downloaded to database.rules.json.
Future modifications to database.rules.json will update Database Rules when you run
firebase deploy.

=== Firestore Setup

Error: No project active. Run with –project <projectId> or define an alias by
running firebase use –add

C:\***>firbase init
‘firbase’ は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチ ファイルとして認識されていません。

C:\***>firebase init

######## #### ######## ######## ######## ### ###### ########
## ## ## ## ## ## ## ## ## ## ##
###### ## ######## ###### ######## ######### ###### ######
## ## ## ## ## ## ## ## ## ## ##
## #### ## ## ######## ######## ## ## ###### ########

You’re about to initialize a Firebase project in this directory:

C:\***

Before we get started, keep in mind:

* You are initializing your home directory as a Firebase project

? Are you ready to proceed? Yes
? Which Firebase CLI features do you want to setup for this folder? Press Space
to select features, then Enter to confirm your choices. Hosting: Configure and
deploy Firebase Hosting sites

=== Project Setup

First, let’s associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use –add,
but for now we’ll just set up a default project.

? Select a default Firebase project for this directory: [don’t setup a default
project]

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build’s output directory.

? What do you want to use as your public directory? public
? Configure as a single-page app (rewrite all urls to /index.html)? No
+ Wrote public/404.html
+ Wrote public/index.html

i Writing configuration info to firebase.json…
i Writing project information to .firebaserc…

+ Firebase initialization complete!

C:\***>

スポンサーリンク
スポンサーリンク

関連記事

iOS版Safariにホーム画面アイコンを簡単に追加できるPWACompat

iOS版Safariにホーム画面アイコンを簡単に追加できるPWACompat Source:iOS版Safariにホーム画面アイコンを簡単に追加できるPWACompat

Service WorkerとNavigation PreloadでGoogle検索の速度が2倍にスピードアップ

Service WorkerとNavigation PreloadでGoogle検索の速度が2倍にスピードアップ Source:Service WorkerとNavigation PreloadでGo …

また忘れた リアクティブって何?

リアクティブ 忘れたのではなくて、はじめから知らなかったみたい。  リアクティブプログラミング(reactive programming)とは? 最近、リアクティブプログラミングという言葉を目にするこ …

Google Chrome 70にサイト運営に関わる大きな変更が2つあり

Google Chrome 70にサイト運営に関わる大きな変更が2つあり Source:Google Chrome 70にサイト運営に関わる大きな変更が2つあり

調べよう

ありがとう

【プロフィール】
はじめまして EveryDayisaGoodDayです。日本語に直すと日々是好日となります。
個人事業者として在宅でホームページ制作と運用管理に取り組んでいます。
mail : gebabode@neko2.net
物忘れがひどいので、このブログは私的な備忘録です。
さっきやったことも忘れるのでブログ自体も迷走中。
迷走しすぎて仮想通貨やICO情報も発信中。

ペットのおうち

鍵開け 鍵修理 24時間 緊急対応
24時間対応鍵トラブル緊急サービスの全国展開おなじみのマルチ救急24岡山市鍵トラブル修理サービスホームページがリニューアル。

岡山市で、お住い 金庫 バイク 原付の鍵トラブルに緊急対応。

  • 鍵をなくしてドアが開けられない。
  • 鍵穴の不具合で鍵が回らない。
  • 鍵が折れた

鍵のトラブルでお困りならお気軽にお問合せ下さい。





現在ステージ2販売中のファウンテンコネクトですが、500万ドルに到達し、16%ボーナスゾーンに入りました。
次は700万ドル突破で20%ボーナスゾーンに突入です。

深夜の突然の水漏れやトイレのつまりに困ったことは、ありませんか?

全国24時間対応で水漏れ修理 トイレつまりに深夜でも緊急に出動してくれる水道修理サービスがあります。

水漏れ 排水つまりでお困りならこちらの安心の水道修理サービスをご利用してみてください。