ファイアベースデータベースにデータを保存できません

Question

すべてを試しましたが、データをデータベースに保存できないようです。ここに私のサンプルコードのHTMLは次のとおりです。

<div class="form-body"> 
     <div class="form-row"> 
      <div class="form-controls"> 
      <input type="text" name="emails" class="field" id="email" placeholder="Email Address"> 
      </div><!-- /.form-controls --> 
     </div><!-- /.form-row --> 
     <div class="form-row"> 
      <div class="form-controls"> 
      <input type="text" name="names" class="field" id="name" placeholder="Names (First, Middle, Last)"> 
      </div><!-- /.form-controls --> 
     </div><!-- /.form-row --> 


     <div class="form-row"> 
      <div class="form-controls"> 
      <input type="number" name="phonenumber" id="number" class="field" placeholder="Phonenumber"> 
      </div><!-- /.form-controls --> 
     </div><!-- /.form-row --> 

      <div class="form-row"> 
      <div class="form-controls"> 
      <input type="text" name="countries" id="country" class="field" placeholder="Country"> 
      </div><!-- /.form-controls --> 
     </div><!-- /.form-row --> 

      <div class="form-row"> 
      <div class="form-controls"> 
      <input type="text" name="usernames" id="username" class="field" placeholder="Username"> 
      </div><!-- /.form-controls --> 
     </div><!-- /.form-row --><div align="center"> 
    <button onclick="saveData()" id="submit" >Register</button> 
    <br /> 
    <span id="loading_image" style="display: none;"> 
     <img src="../images/ajax-loader.gif" alt="Please Wait" width="20" height="11"/> </span> 
    </div> 

そして、これは私が私のhtmlコードの本体にfirebaseを初期化する方法である：

<script src="https://www.gstatic.com/firebasejs/4.1.3/firebase.js"></script> 
<script> 
    var config = { 
    apiKey: "AIzaSyBNz5xZ-yLqvTum93rEo2cVYtlJXSyUteg", 
    authDomain: "kafe-f422b.firebaseapp.com", 
    databaseURL: "https://kafe-f422b.firebaseio.com", 
    projectId: "kafe-f422b", 
    storageBucket: "kafe-f422b.appspot.com", 
    messagingSenderId: "491174380565" 
    }; 
    firebase.initializeApp(config); 
</script> 
     <script src="js/register.js"></script> 

     <!-- jQuery library --> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

     <!-- Latest compiled JavaScript --> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

     <script src="js/modernizr-custom.js"></script> 
    <!-- jQuery 2.1.4 --> 
    <script src="js/jQuery-2.1.4.min.js"></script> 
    <!-- Bootstrap 3.3.6 JS --> 
    <script src="js/bootstrap.min.js" type="text/javascript"></script> 
    <!-- Waypoints JS --> 
    <script src="js/waypoints.min.js" type="text/javascript"></script> 
    <!-- Kafe JS --> 
    <script src="js/kafe.js" type="text/javascript"></script> 

と私はjavascriptのファイルにfirebaseにデータを保存するためのJavascriptコードを置きますregister.jsと呼ばれます。ここでは、コードは次のとおりです。

var user_email = document.getElementById('email'); 
var user_name = document.getElementById('name'); 
var user_phonenumber = document.getElementById('number'); 
var user_country = document.getElementById('country'); 
var user_username = document.getElementById('username'); 
var user_submit = document.getElementById('submit'); 

$('#submit').click(function() { 
var cemail = user_email.value; 
var cname = user_name.value; 
var cnumber = user_phonenumber.value; 
var cusername = user_username.value; 
var ccountry = user_country.value; 

console.log('email is', cemail); 
console.log('name is', cname); 


    var myRef = firebase.database().ref('register'); 
key=myRef.push().key; 

    var newData={ 
    id:key, 
email:cemail, 
name:cname, 
country:ccountry, 
username:cusername, 
phone_number:cnumber 

    } 

    myRef.push(newData); 

}); 

私はこの問題を解決する助けてください、私はfirebaseからすべてのドキュメントを読んで試してみましたが、私はそれがデータベースにデータを保存させるように見えることはできません。

Answer 1

key = ...行を削除し、myRef.push(newData).then(function (snapshot) {})を使用してください。

pushメソッドは約束を返します。

また、データベースのルールでそのパスからの読み取りを許可するようにしてください。