Czy ktoś próbował używać biblioteki javascript Firebase z poziomu Dart?

Question

Składnica klucz-wartość o numerze Firebase wygląda intrygująco i będzie zabawnie używać ze strukturą HTML Dart.

Oferują bibliotekę JavaScript do odczytu/zapisu do swojego modelu. Czy ktoś próbował użyć go z Dart?

Mój plan (na podstawie bardzo mało wiedzą Dart) jest:

• Dołącz bibliotekę w moim html
• Załaduj pakiet js.dart
• instancji modelu poprzez js.dart
• odczyt i zapis poprzez model.

Czy wydaje się to właściwym podejściem? Czy jest o wiele lepszy sposób na zrobienie tego?

Dzięki

Answer 1

można użyć dowolnej biblioteki JavaScript przez js package.

Dla Firebase trzeba:

• dodać js package do pubspec.yaml

dependencies: 
    js: any 

• dodać następujące <script> na stronę html:

<script src='https://cdn.firebase.com/v0/firebase.js'></script> 
<script type="application/dart" src="youDartCode.dart"></script> 
<script src="packages/browser/dart.js"></script> 
<script src="packages/browser/interop.js"></script> 

• użyć Firebase Javascript SDK do js package. Coś jak:

import 'package:js/js.dart' as js; 

void main() { 
    final myDataRef = new js.Proxy(js.context.Firebase, 
     'https://xxx.firebaseio-demo.com/'); 
    myDataRef.on('child_added', (snapshot, String previousChildName) { 
    final message = snapshot.val(); 
    print("${message.name} : ${message.text}"); 
    }); 
    myDataRef.push(js.map({"name": 'myName', "text": 'js interop rocks'})); 
} 

Powyższy kod Dart jest równoznaczne z poniższego kodu JavaScript:

var myDataRef = new Firebase('https://xxx.firebaseio-demo.com/'); 
myDataRef.on('child_added', function(snapshot, previousChildName) { 
    var message = snapshot.val(); 
    console.log(message.name + " : " + message.text); 
})); 
myDataRef.push({name: 'myName', text: 'js interop rocks'}); 

---

Zasadniczo:

• kiedy trzeba instancję Obiekt JavaScript, użyj new js.Proxy(js.context.MyJavascriptObjectName, arg1, arg2, arg3)),

• Gdy musisz podać obiekt anonimowy Javascript, użyj js.map({'attr1', value1}, {'attr2', value2}).

Answer 2

dostałem komunikat o błędzie „Przełamując na wyjątek: ReferenceError: ReceivePortSync nie jest zdefiniowana” kiedy Dart dostał się tutaj.

js.scoped (() { 

    }); 

Dodatkowa linia kodu jest potrzebna do użycia Firebase z Dart. Dodaj wiersz "pakiety/przeglądarka/interop.JS”

<script type="application/dart" src="ScrollViewDemo.dart"></script> 
    <script src="packages/browser/dart.js"></script> 
    <script src="packages/browser/interop.js"></script> 
    <script src='https://cdn.firebase.com/v0/firebase.js'></script> 

----------------- Edycja 15 sierpnia ----------

js.scoped is no longer needed in the newer version of interopt.js 

Answer 3

Jest teraz otoki dla biblioteki firebase.js w Dart tutaj: https://github.com/firebase/firebase-dart/ (dostępne również w pubie) .Karta ta wykorzystuje dart: js, jak omówiono w tym wątku, więc nadal wymagane jest włączenie firebase.js!