@9r3i/mfirebase 中文文档教程

发布于 3年前 浏览 23 项目主页 更新于 3年前

作者许可证叉子星星问题发布Package

Mobile Firebase

使用 firebase 库的简单方法。

Usage

const Firebase=new MFirebase;
Firebase.init(firebaseConfig);

Primitive Usage

<script type="module" src="mfirebase.js"></script>

Installation

npm i @9r3i/mfirebase

Test

/* authentication */
const auth=new Firebase.Auth;
auth.createUser('email@gmail.com','password',pre);
auth.signIn('email@gmail.com','password',pre);
auth.signOut(pre);


/* database */
const db=new Firebase.DB('users'),
id='0001',
username='9r3i',
password=password;
db.set(id,{username:username,password:password},pre);
db.get(id,pre);


/* storage */
const storage=new Firebase.Storage('images'),
input=document.createElement('input');
storage.get('grey.jpg',url=>{
  var img=new Image;
  img.src=url;
  img.style.maxWidth='300px';
  document.body.appendChild(img);
});
document.body.appendChild(input);
input.type='file';
input.onchange=function(e){
  var file=this.files[0],
  fr=new FileReader;
  fr.onloadend=function(e){
    var data=e.target.result;
    pre({
      type:'reader',
      data:file,
      url_length:data.length,
      upto:Math.ceil(data.length/file.size*100),
    });
    storage.set(file.name,data,pre);
  };
  fr.readAsDataURL(file);
};


/* output log */
function pre(e){
  console.log(e);
}

AuthorLicenseForksStarsIssuesReleasePackage

Mobile Firebase

Simple way to use firebase library.

Usage

const Firebase=new MFirebase;
Firebase.init(firebaseConfig);

Primitive Usage

<script type="module" src="mfirebase.js"></script>

Installation

npm i @9r3i/mfirebase

Test

/* authentication */
const auth=new Firebase.Auth;
auth.createUser('email@gmail.com','password',pre);
auth.signIn('email@gmail.com','password',pre);
auth.signOut(pre);


/* database */
const db=new Firebase.DB('users'),
id='0001',
username='9r3i',
password=password;
db.set(id,{username:username,password:password},pre);
db.get(id,pre);


/* storage */
const storage=new Firebase.Storage('images'),
input=document.createElement('input');
storage.get('grey.jpg',url=>{
  var img=new Image;
  img.src=url;
  img.style.maxWidth='300px';
  document.body.appendChild(img);
});
document.body.appendChild(input);
input.type='file';
input.onchange=function(e){
  var file=this.files[0],
  fr=new FileReader;
  fr.onloadend=function(e){
    var data=e.target.result;
    pre({
      type:'reader',
      data:file,
      url_length:data.length,
      upto:Math.ceil(data.length/file.size*100),
    });
    storage.set(file.name,data,pre);
  };
  fr.readAsDataURL(file);
};


/* output log */
function pre(e){
  console.log(e);
}
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文