我假设您已经在项目中配置了 Firebase 并安装了它,如果不告诉我,我会更新我的答案。
如果您已将 JSON 数据导入 Firebase,并且您现在可以在控制台上的 database 下看到它,那么您现在只需简单的 .once() 或 .on() 即可读取此数据(i'将解释差异)。
在您要获取数据的页面中执行以下操作:
import * as firebase from 'firebase';
// LET'S SAY YOU WANT TO FETCH SOMETHING ON HOME PAGE
export class HomePage {
// THIS IS THE PROPERTY WE'LL USE TO SAVE YOUR DATA
private myFirebaseData: any;
constructor(){}
// LET'S FETCH DATA WHEN THE USER FIRST LOADS THE PAGE
ionViewWillLoad(){
firebase.database().ref('Users').once('value', snapshot => {
this.myFirebaseData = snapshot.val();
});
};
}
所以解释一下我所做的更多:
-
.ref(<string>) 是您的 firebase 数据库中一个节点的引用,这里我正在获取所有用户。你可以随心所欲,假设你想要一个用户的名字并且你知道他的 ID,你可以使用 .ref(Users/${this.userID}/name) 这将返回他的名字.
-
.once() 用于读取数据一次,value 表示我将获取引用节点中的所有值。您可以使用.on(),这将在该节点中为value 事件创建一个可观察对象。还有其他事件可以与.on() 一起使用,它们是child_added、child_moved、child_changed 和child_removed。
-
snapshot.val() 正在获取从我的回调函数返回的所有数据。
这里有一些有用的文档:
Read Events
Querying data
Read, write, delete, update
希望这会有所帮助。
编辑
假设您尚未将应用配置为使用 Firebase,以下是所需的步骤。只是一个观察:我不使用 AngularFire2,方法可能会有些不同。
1 - 您需要安装 Firebase,因此在您的项目文件夹中使用命令控制台上的npm install --save firebase。
2 - 在您的 app.component.js 中,您将配置 Firebase 以指向您的项目:
import * as firebase from 'firebase';
export class MyApp {
constructor(){
firebase.initializeApp({
apiKey: "key",
authDomain: "domain",
databaseURL: "https://...",
projectId: id",
storageBucket: "bucket",
messagingSenderId: "id"
});
}
}
3 - 我用来配置 Firebase 的属性可以在您的项目 Firebase 控制台中的 Settings > general > Add app > Add firebase to your web app(或类似的东西)下获得。
这就是您所需要的,您可以使用 Firebase。