{"id":1433,"date":"2022-07-21T18:00:00","date_gmt":"2022-07-21T09:00:00","guid":{"rendered":"https:\/\/snow-cat.net\/?p=1433"},"modified":"2022-07-21T18:15:10","modified_gmt":"2022-07-21T09:15:10","slug":"react%e3%81%a7firebase%e3%81%ae%e5%88%9d%e6%9c%9f%e8%a8%ad%e5%ae%9a","status":"publish","type":"post","link":"https:\/\/snow-cat.net\/?p=1433","title":{"rendered":"react\u3067firebase\u306e\u521d\u671f\u8a2d\u5b9a"},"content":{"rendered":"\n<p>\u6700\u8fd1react\u3067\u6a5f\u80fd\u3092\u4f5c\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001firebase\u304c\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3088\u3063\u3066\u7d50\u69cb\u5b9f\u88c5\u65b9\u6cd5\u304c\u9055\u3063\u3066\u82e6\u52b4\u3057\u305f\u306e\u3067\u30e1\u30e2\u3057\u3066\u304a\u3053\u3046\u304b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4eca\u56de\u306fversion9\u3067auth,firestore,firestorage\u3042\u305f\u308a\u306e\u521d\u671f\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305a\u3001.env\u30d5\u30a1\u30a4\u30eb\u306bfirebase\u306e\u5404\u60c5\u5831\u3092\u8a18\u8f09\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>REACT_APP_FIREBASE_APIKEY=hoge-hoge\nREACT_APP_FIREBASE_DOMAIN=hogehoge.firebaseapp.com\nREACT_APP_FIREBASE_DATABASE=https:\/\/hoge-default-rtdb.asia-southeast1.firebasedatabase.app\nREACT_APP_FIREBASE_PROJECT_ID=hogehoge\nREACT_APP_FIREBASE_STORAGE_BUCKET=hogehoge.appspot.com\nREACT_APP_FIREBASE_SENDER_ID=999999999999\nREACT_APP_FIREBASE_APP_ID=1:999999999999:web:hogehoge999999<\/code><\/pre>\n\n\n\n<p>\u6b21\u306bfirebase.ts\u307f\u305f\u3044\u306a\u611f\u3058\u3067firebase\u306e\u8a2d\u5b9a\u3092\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import { initializeApp } from \"firebase\/app\";\nimport { getFirestore } from \"firebase\/firestore\";\nimport { getAuth } from \"firebase\/auth\";\nimport { getStorage } from \"firebase\/storage\";\n\nconst firebaseConfig = {\n    apiKey: process.env.REACT_APP_FIREBASE_APIKEY,\n    authDomain: process.env.REACT_APP_FIREBASE_DOMAIN,\n    databaseURL: process.env.REACT_APP_FIREBASE_DATABASE,\n    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,\n    storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,\n    messagingSenderId: process.env.REACT_APP_FIREBASE_SENDER_ID,\n    appId: process.env.REACT_APP_FIREBASE_APP_ID,\n}\n\nexport const app = initializeApp(firebaseConfig);\nexport const auth = getAuth();\nexport const db = getFirestore(app);\nexport const storage = getStorage(app);<\/code><\/pre>\n\n\n\n<p>\u3053\u308c\u3067\u521d\u671f\u8a2d\u5b9a\u306f\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u4f7f\u3046\u3068\u304d\u306ffirebase.ts\u3092import\u3057\u3066\u4f7f\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6700\u8fd1react\u3067\u6a5f\u80fd\u3092\u4f5c\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001firebase\u304c\u30d0\u30fc\u30b8\u30e7\u30f3\u306b\u3088\u3063\u3066\u7d50\u69cb\u5b9f\u88c5\u65b9\u6cd5\u304c\u9055\u3063\u3066\u82e6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[25,24],"tags":[],"class_list":["post-1433","post","type-post","status-publish","format-standard","hentry","category-firebase","category-react"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pattVc-n7","jetpack-related-posts":[{"id":547,"url":"https:\/\/snow-cat.net\/?p=547","url_meta":{"origin":1433,"position":0},"title":"swagger\u306e\u74b0\u5883\u69cb\u7bc9","author":"hiro","date":"2020\u5e746\u67086\u65e5","format":false,"excerpt":"swagger\u306e\u30aa\u30f3\u30e9\u30a4\u30f3\u52c9\u5f37\u4f1a\u306b\u53c2\u52a0\u3057\u305f\u306e\u3067\u3001swagger\u306e\u8a2d\u5b9a\u3092\u53cd\u6620\u3057\u305f\u30e2\u30c3\u30af\u30b5\u30fc\u30d0\u3092\u7acb\u3066\u3066\u307f\u2026","rel":"","context":"\u6280\u8853","block_context":{"text":"\u6280\u8853","link":"https:\/\/snow-cat.net\/?cat=7"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/snow-cat.net\/wp-content\/uploads\/2020\/06\/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2020-06-06-16.57.38-3-300x25.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":1435,"url":"https:\/\/snow-cat.net\/?p=1435","url_meta":{"origin":1433,"position":1},"title":"firebase\u3067storage\u306b\u4fdd\u5b58\u3057\u3088\u3046\u3068\u3057\u305f\u6642\u306b\u51fa\u305f\u30a8\u30e9\u30fc\u306e\u5bfe\u51e6\u6cd5","author":"hiro","date":"2022\u5e747\u670821\u65e5","format":false,"excerpt":"\u6700\u8fd1\u3001react\u3067firebase\u3092\u4f7f\u3063\u305f\u958b\u767a\u3092\u3057\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001storage\u306b\u753b\u50cf\u3092\u4fdd\u5b58\u3057\u3088\u3046\u3068\u2026","rel":"","context":"firebase","block_context":{"text":"firebase","link":"https:\/\/snow-cat.net\/?cat=25"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":993,"url":"https:\/\/snow-cat.net\/?p=993","url_meta":{"origin":1433,"position":2},"title":"Laravel8\u306bvue.js\u3092\u8a2d\u5b9a\u3059\u308b\u65b9\u6cd5","author":"hiro","date":"2021\u5e745\u67083\u65e5","format":false,"excerpt":"\u73fe\u5728\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9032\u3081\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001vue\u3092\u5c0e\u5165\u3059\u308b\u65b9\u6cd5\u306f\u666e\u901a\u306bSPA\u3067\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\u3068\u306f\u82e5\u5e72\u7570\u306a\u308b\u2026","rel":"","context":"JavaScript","block_context":{"text":"JavaScript","link":"https:\/\/snow-cat.net\/?cat=11"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":246,"url":"https:\/\/snow-cat.net\/?p=246","url_meta":{"origin":1433,"position":3},"title":"vue.js\u3092\u4e00\u304b\u3089\u8a2d\u5b9a\u3059\u308b","author":"hiro","date":"2019\u5e746\u670830\u65e5","format":false,"excerpt":"\u3053\u3093\u306b\u3061\u308f\u3001\u3086\u304d\u306d\u3053\u3067\u3059\u3002 \u6700\u8fd1vue.js\u306e\u74b0\u5883\u69cb\u7bc9\u3092\u884c\u306a\u3063\u3066\u3044\u305f\u306e\u3067\u9806\u756a\u3092\u307e\u3068\u3081\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002\u2026","rel":"","context":"\u305d\u306e\u4ed6\u3082\u308d\u3082\u308d","block_context":{"text":"\u305d\u306e\u4ed6\u3082\u308d\u3082\u308d","link":"https:\/\/snow-cat.net\/?cat=1"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1348,"url":"https:\/\/snow-cat.net\/?p=1348","url_meta":{"origin":1433,"position":4},"title":"firestore\u306e\u8003\u5bdf","author":"hiro","date":"2022\u5e743\u670819\u65e5","format":false,"excerpt":"\u6700\u8fd1firestore\u306e\u4f7f\u3044\u65b9\u306b\u3064\u3044\u3066\u8abf\u3079\u3066\u305f\u306e\u3067\u8003\u5bdf\u3067\u3059\u3002 \u8003\u5bdf\u306e\u307e\u3068\u3081 \u8003\u5bdf\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u611f\u3058\u3067\u2026","rel":"","context":"DB\u8a2d\u8a08","block_context":{"text":"DB\u8a2d\u8a08","link":"https:\/\/snow-cat.net\/?cat=19"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":293,"url":"https:\/\/snow-cat.net\/?p=293","url_meta":{"origin":1433,"position":5},"title":"django\u3067\u30e6\u30fc\u30b6\u30e2\u30c7\u30eb\u3092\u62e1\u5f35\u3059\u308b\u65b9\u6cd5","author":"hiro","date":"2019\u5e748\u670815\u65e5","format":false,"excerpt":"\u3086\u304d\u306d\u3053\u3067\u3059\u3002 \u4ee5\u524ddjango\u306e\u30e6\u30fc\u30b6\u30e2\u30c7\u30eb\u306e\u62e1\u5f35\u65b9\u6cd5\u3092\u8abf\u3079\u3066\u7d50\u69cb\u82e6\u52b4\u3057\u305f\u306e\u3067\u30e6\u30fc\u30b6\u30e2\u30c7\u30eb\u306e\u62e1\u5f35\u65b9\u2026","rel":"","context":"\u305d\u306e\u4ed6\u3082\u308d\u3082\u308d","block_context":{"text":"\u305d\u306e\u4ed6\u3082\u308d\u3082\u308d","link":"https:\/\/snow-cat.net\/?cat=1"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/posts\/1433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/snow-cat.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1433"}],"version-history":[{"count":6,"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/posts\/1433\/revisions"}],"predecessor-version":[{"id":1447,"href":"https:\/\/snow-cat.net\/index.php?rest_route=\/wp\/v2\/posts\/1433\/revisions\/1447"}],"wp:attachment":[{"href":"https:\/\/snow-cat.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/snow-cat.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/snow-cat.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}