ユーザ用ツール

サイト用ツール


z_blog:2018:181012_angular6_firestore_image

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


181012 Angular6でfirestoreに画像をアップロード

開発環境

Windows 8.1 Pro
Node v8.12.0
npm v6.4.1
VisualStudioCode

Firebaseのセットアップ

https://console.firebase.google.com/ にログインして、Firebaseアプリを新規作成する。

今回は、firebase-image という名前にしてみました。

下図の、var config = { } の中身をテキストファイルにコピーしておきます。

(後でAngular6アプリのsrc/environments/environment.tsにペーストします。)

Angular6アプリの作成

C:/ionic4/ フォルダをVisualStudioCodeで開き、Ctrl+@でコマンドプロンプトを開き、以下を入力。

npm install @angular/cli -g
ng new firebase-angular-gallery

C:/ionic4/firebase-angular-gallery/ フォルダをVisualStudioCodeで開き、Ctrl+@でコマンドプロンプトを開き、以下を入力。

npm install firebase-tools -g
npm install angularfire2 firebase --save
git init

galleryコンポーネントと、notificationコンポーネント、notificationサービスの作成

ng g c gallery --spec false
ng g c notification --spec false
ng g s notification-services --spec false

angular-bootstrap-mdのインストール

写経元サイト

関連ページ

z_blog/2018/181012_angular6_firestore_image.1539341436.txt.gz · 最終更新: 2018/10/12 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki