| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「Angular Firebase 構築手順」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
20行目: 20行目:
 
$ cd typea-info-service
 
$ cd typea-info-service
 
$ firebase init
 
$ firebase init
 +
</pre>
 +
 +
====Config====
 +
<pre>
 +
https://www.typea.info/blog/index.php/2020/04/04/firebase-hosting-firestore-release/
 +
 +
Config
 +
export const environment = {
 +
  production: false,
 +
  firebase: {
 +
    apiKey: '<your-key>',
 +
    authDomain: '<your-project-authdomain>',// {project-id}.firebaseapp.com
 +
    databaseURL: '<your-database-URL>',// https://{project-id}.firebaseio.com
 +
    projectId: '<your-project-id>',
 +
    storageBucket: '<your-storage-bucket>',// {project-id}.appspot.com
 +
    messagingSenderId: '<your-messaging-sender-id>'
 +
  }
 +
};
 
</pre>
 
</pre>

2020年10月29日 (木) 23:19時点における版

| Angular | Firebase |

Angular Firebase 構築手順

Angular

  • project name : typea-info-service
$ npm install -g @angular/cli
$ ng new typea-info-service
? Would you like to add Angular routing? Yes
? Which stylesheet format would you like to use? SCSS   [ https://sass-lang.com/documentation/syntax#scss               
 ]
CREATE typea-info-service/README.md (1035 bytes)
            :
$ ng serve

Firebase

$ cd typea-info-service
$ firebase init

Config

https://www.typea.info/blog/index.php/2020/04/04/firebase-hosting-firestore-release/

Config 
export const environment = {
  production: false,
  firebase: {
    apiKey: '<your-key>',
    authDomain: '<your-project-authdomain>',// {project-id}.firebaseapp.com
    databaseURL: '<your-database-URL>',// https://{project-id}.firebaseio.com 
    projectId: '<your-project-id>',
    storageBucket: '<your-storage-bucket>',// {project-id}.appspot.com
    messagingSenderId: '<your-messaging-sender-id>'
  }
};