「Angular Firebase 構築手順」の版間の差分
ナビゲーションに移動
検索に移動
| 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
- 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>'
}
};
© 2006 矢木浩人