2017-11-20 19 views
4

私はphonegapデスクトップアプリケーションを使用しています(ファイルを使用すると自動的に生成されます。デスクトップアプリケーションでファイルを作成します)。このプロジェクトでは原子エディタとFirebaseが使用されています。私のプロジェクトを要約すると、それはちょっとした調査のようなものなので、ユーザーはいくつかのフォームを記入する必要があります。携帯電話のアプリケーションとfirebase

私のフォームの詳細をfirebaseにアップロードできませんでした。 firebaseからデータを取得してコンソールに表示できるので、firebaseが適切に接続されていることを確信しています。しかし、フォームデータをそこに格納することはできませんでした。

これは私のhtmlページ

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <script type="text/javascript" src="cordova.js"></script> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <title>AMT Survey</title> 
</head> 
<body> 
<a href="index.html"><img src="img/back.png" style="width:8%;"></a><br> 
<form id="amtForm"> 
<b style="font-size: 27px;">AMT <p></b> 
<b class=fs>Screen by: </b><br><input type="text" name="screenby" id="screenby"><br> 
<b class=fs>Name of client:</b> <br><input type="text" name="client" id="client"><br> 
<b class=fs>Date: </b><br><input type="date" name="date" id="date"><p> 
    <input type="submit" class="button" value="Submit"> 
    <!--<button (click)="postData(name)">submit</button>--> 
    </form> 

    <script src="https://www.gstatic.com/firebasejs/4.6.2/firebase.js"></script> 
    <script scr="main.js"></script> 
    </body> 
    </html> 

であり、これは私のjsのは、これらのコードは、ユーチューブのビデオチュートリアルからである

// Initialize Firebase 
(function() { 
    const config = { 
    apiKey: "", 
    authDomain: "", 
    databaseURL: "", 
    projectId: "", 
    storageBucket: "", 
    messagingSenderId: "" 
    }; 
    firebase.initializeApp(config); 
    }()); 

    //reference messages collection 
    var nameRef = firebase.database().reference('name'); 

    // listen for form submit 
    document.getElementById('amtForm').addEventListener('submit',submitForm); 


    function submitForm(e){ 
    e.preventDefault(); 

    var name = getInputVal('name'); 
    var client = getInputVal('client'); 
    var date = getInputVal('date'); 

    saveMessage(name,client,date); 
    } 

    function getInputVal(id){ 
    return document.getElementById(id).value; 
    } 

    function saveMessage(name,client,date){ 
    var newMessageRef = nameRef.push(); 
    newMessageRef.set({ 
    name:name, 
    client:client, 
    date:date 
    }); 
    } 
    /* 
    postData(name){ 
    firebase.database().ref().push({name:name}); 
    } 
    */ 

ファイルであり、彼は私のような同じエラーに直面していないようです。ここにビデオがありますhttps://www.youtube.com/watch?v=PP4Tr0l08NE

私のコードに問題はありますか?それとも、私は間違った設定をしていますか?それとも別の理由でしょうか?

希望小売価格:screenshot下線は、テキストボックスにキー入力した値です。
これは、データが読み取られたが、何らかの理由でそれが火災基地に入らないことを示しています。
FYI:cornova.jsスクリプトは接続に影響しません。それは

enter image description here

答えて

1

fatelエラーではありませんあなたがtrueに読み取りと書き込みのアクセス許可を設定しましたか?

また、これを変更してください。 //参照メッセージコレクションvar nameRef = firebase.database()。reference( 'name');

To: //参照メッセージコレクションvar nameRef = firebase.database()。ref( 'name');

+0

両方の質問にyes – NoobProgrammer

+0

私はそれが問題を解決したことを意味することを願っています。 – user8969380

関連する問題