{"id":6001,"date":"2024-01-04T00:08:31","date_gmt":"2024-01-03T15:08:31","guid":{"rendered":"https:\/\/okamurax.com\/?p=6001"},"modified":"2024-01-04T00:08:31","modified_gmt":"2024-01-03T15:08:31","slug":"vue-js-axioscdn%e3%81%a7firestore%e3%81%aeapi%e3%82%92%e5%88%a9%e7%94%a8","status":"publish","type":"post","link":"https:\/\/appbay.org\/?p=6001","title":{"rendered":"Vue.js\/axios(CDN)\u3067Firestore\u306eAPI\u3092\u5229\u7528"},"content":{"rendered":"

\u5de6\u5074\u30e1\u30cb\u30e5\u30fc>\u69cb\u7bc9>Firestore Database>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u4f5c\u6210<\/span>
\n\u4eca\u56de\u306f\u30c6\u30b9\u30c8\u30e2\u30fc\u30c9\u3067\u958b\u59cb\u3059\u308b\uff61<\/p>\n

<!DOCTYPE html>\r\n<html lang=\"ja\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <title>test<\/title>\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue\/dist\/vue.js\"><\/script>\r\n  <script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\r\n<\/head>\r\n<body>\r\n<div id=\"app\">\r\n\r\n<select type=\"text\" v-model=\"selected\">\r\n  <option>a<\/option>\r\n  <option>b<\/option>\r\n<\/select>\r\n<input type=\"text\" v-model=\"textVal\">\r\n\r\n<button @click=\"do_post\">\u767b\u9332<\/button>\r\n<button @click=\"do_get\">\u53d6\u5f97<\/button>\r\n\r\n<table>\r\n<tr v-for=\"x in lists\">\r\n  <td>{{ x.fields.a.stringValue }}<\/td>\r\n  <td>{{ x.fields.b.stringValue }}<\/td>\r\n<\/tr>\r\n<\/table>\r\n\r\n<\/div>\r\n<script>\r\nlet v = new Vue({\r\n  el: \"#app\",\r\n  data: {\r\n    selected:\"\",\r\n    textVal:\"\",\r\n    lists:[]\r\n  },\r\n  methods:{\r\n    do_get(){\r\n      \/\/ \u30c7\u30fc\u30bf\u53d6\u5f97\r\n      axios\r\n      .get(\"https:\/\/firestore.googleapis.com\/v1\/projects\/[project id]\/databases\/(default)\/documents\/[collection]\")\r\n      .then(response=>{\r\n        this.lists = response.data.documents;\r\n        console.log(response.data.documents);\r\n      });\r\n    },\r\n    do_post(){\r\n      \/\/ \u30c7\u30fc\u30bf\u767b\u9332\r\n      axios\r\n      .post(\"https:\/\/firestore.googleapis.com\/v1\/projects\/[project id]\/databases\/(default)\/documents\/[collection]\",{\r\n        fields:{\r\n          a:{ stringValue:this.selected },\r\n          b:{ stringValue:this.textVal }\r\n        }\r\n      })\r\n      .then(response=>{\r\n        console.log(response);\r\n      })\r\n      .catch(error=>{\r\n        console.log(error);\r\n      });\r\n    }\r\n  }\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u5de6\u5074\u30e1\u30cb\u30e5\u30fc>\u69cb\u7bc9>Firestore Database>\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u4f5c\u6210 \u4eca\u56de\u306f\u30c6\u30b9\u30c8\u30e2\u30fc\u30c9\u3067\u958b\u59cb\u3059\u308b\uff61 <!DOCTYPE html> <html lang=”ja”> & … <\/p>\n
“Vue.js\/axios(CDN)\u3067Firestore\u306eAPI\u3092\u5229\u7528” \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[139],"class_list":["post-6001","post","type-post","status-publish","format-standard","hentry","category-1","tag-vue-js"],"_links":{"self":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/6001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6001"}],"version-history":[{"count":1,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/6001\/revisions"}],"predecessor-version":[{"id":6002,"href":"https:\/\/appbay.org\/index.php?rest_route=\/wp\/v2\/posts\/6001\/revisions\/6002"}],"wp:attachment":[{"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appbay.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}