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

MyMemoWiki

Angular Firebase 構築手順

提供: MyMemoWiki
2020年10月29日 (木) 23:19時点におけるPiroto (トーク | 投稿記録)による版 (→‎Firebase)
ナビゲーションに移動 検索に移動

| Angular | Firebase |

Angular Firebase 構築手順

Angular

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

Firebase

  1. $ cd typea-info-service
  2. $ firebase init

Config

  1. https://www.typea.info/blog/index.php/2020/04/04/firebase-hosting-firestore-release/
  2.  
  3. Config
  4. export const environment = {
  5. production: false,
  6. firebase: {
  7. apiKey: '<your-key>',
  8. authDomain: '<your-project-authdomain>',// {project-id}.firebaseapp.com
  9. databaseURL: '<your-database-URL>',// https://{project-id}.firebaseio.com
  10. projectId: '<your-project-id>',
  11. storageBucket: '<your-storage-bucket>',// {project-id}.appspot.com
  12. messagingSenderId: '<your-messaging-sender-id>'
  13. }
  14. };