MongoDB Stitch和Angular 6应用程序

时间:2018-07-26 17:25:16

标签: mongodb angular6 mongodb-stitch

我正在为MongoDB Stitch连接创建服务,但遇到一个问题,如果刷新页面会出现错误:

应用“ xyxyxyxyxyxy”的客户端尚未初始化

当我尝试对其进行初始化时,我收到一条错误消息,提示它已被初始化。

应用“ xyxyxyxyxyxy”的客户端已经初始化

这是我的服务。

import { Injectable } from '@angular/core';
import { Stitch, RemoteMongoClient, UserApiKeyCredential} from 'mongodb-stitch-browser-sdk';

@Injectable({
  providedIn: 'root'
})
export class AnalyticsService {
  client: any;
  credential: UserApiKeyCredential;
  db: any;

  constructor() {
    console.log(Stitch.hasAppClient('xyxyxyxyxyxy'));
    if (!Stitch.hasAppClient('xyxyxyxyxyxy')) {
      this.client = Stitch.initializeDefaultAppClient('xyxyxyxyxyxy');
    } else {
      console.log('here');
      this.client = Stitch.initializeAppClient('xyxyxyxyxyxy');
      //this.client = Stitch.getAppClient('xyxyxyxyxyxy');
    }

    this.db = this.client.getServiceClient(RemoteMongoClient.factory, 'mongodb-atlas').db('DBNAME');
  }

  login() {
    this.credential = new UserApiKeyCredential('APIKEY');
    this.client.auth.loginWithCredential(this.credential)
      .then(authId => {
        console.log(authId);
      });
  }

  logout() {
    this.client.auth.logout()
      .then(resp => {
        console.log(resp);
      });
  }

  insertData(collectionName: string, data: {}) {
    this.db.collection(collectionName).insertOne(data)
      .then(resp => {
        console.log(resp);
      });
  }

  getData(collectionName: string) {
    this.db.collection(collectionName).find({})
      .asArray().then(resp => {
        console.log(resp);
      });
  }
}

1 个答案:

答案 0 :(得分:0)

将构造函数更改为这样,即可解决问题。

constructor() {
    if (!Stitch.hasAppClient('xyxyxyxyxyxy')) {
        this.client = Stitch.initializeDefaultAppClient('xyxyxyxyxyxy');
    } else {
        this.client = Stitch.defaultAppClient;
    }

    this.db = this.client.getServiceClient(RemoteMongoClient.factory, 'mongodb-atlas').db('DBNAME');
}