javascript - Vue.js Firestore 保存地理点

Question

那里!我对 Vue.js 和 JavaScript 非常陌生。我正在遵循一些 YouTube 指南来了解它的工作原理，但当我无法将 GeoPoint 添加到我的 Firestore 数据库时，我遇到了问题。

这是我所拥有的:

firebaseInit.js

import firebase from 'firebase'
import 'firebase-admin'
import firebaseConfig from './firebaseConfig'
import { scrypt } from 'crypto';
const firebaseApp = firebase.initializeApp(firebaseConfig)
export default firebaseApp.firestore()

相关 .vue文件中的

和script:

<script>
import db from "./firebaseInit";
 ...
 greet: function(event) {
  db.collection("events_test").add({
    name: this.name,
    ...
    location: new admin.firestore.GeoPoint(51.435454, 31.445456),
    phone: this.phone
    },
    originalUrl: this.originalUrl,
    createdAt: new Date(),
    updatedAt: new Date()
  })
  .then(docRef =>{
      alert(docRef.id)
  })
  .catch(error => {
       alert(error)
  });
  <script>

new admin.firestore.GeoPoint(51.435454, 31.445456) 此初始化对我不起作用。以及new GeoPoint(lat,lng) 和firebase.firestore.GeoPoint(lat,lng)。我总是收到 ReferenceError ，它没有在 Vue.Component 中定义。请帮忙。

Answer 1

通过执行 import 'firebase-admin' 和 location: new admin.firestore.GeoPoint(51.435454, 31.445456)， 您正在尝试在JavaScript/Web 应用程序(使用 Vue.js 构建)。

这不是 Admin SDK 的目标，“让您从特权环境与 Firebase 交互”，即从您通常完全控制的服务器进行交互。有关更多详细信息，请参阅文档:https://firebase.google.com/docs/admin/setup 和 https://firebase.google.com/docs/reference/admin/

在您的情况下，您应该使用“标准”JavaScript SDK 通过执行以下操作来创建 GeoPoint(请参阅 https://firebase.google.com/docs/reference/js/firebase.firestore.GeoPoint ):

<script>
import firebase from 'firebase/app'
import db from "./firebaseInit";
 ...
 greet: function(event) {
  db.collection("events_test").add({
    name: this.name,
    ...
    location: new firebase.firestore.GeoPoint(51.435454, 31.445456),
    phone: this.phone
    }
  ....

请注意，您需要在组件中导入 firebase/app。

<小时/>

注意，

中似乎多了一个 {

phone: this.phone
},
originalUrl: this.originalUrl,