だから私はfirebaseの単純な認証で最も奇妙な問題を抱えています...
にアクセスlocalhost/#registerしてフォームに入力し、送信するとSERVER_ERROR、コールバックで が取得されauthClient.createUser()ます。しかし、ページを更新してフォームに再度入力すると、機能します!
これは、サーバーを再起動してユーザーを登録しようとするたびに必ず発生します。
繰り返しますが、初めて実行するとサーバーエラーが発生しますが、ページを更新するとすべてが魅力的に機能します...これにより、firebaseスクリプトが正しく含まれていないと思い、必要なすべてのファイルがドン更新するまで含まれませんが、どこが間違っているのかわかりません。
更新:フォームを送信すると、次のエラーが表示されます (プライバシーのために星印を付けています)。
WebSocket connection to 'wss://s-demo.firebaseio-demo.com/.ws?**********************' failed: WebSocket is closed before the connection is established.
エラーはfirebase.js51 ～ 63 行目から発生します。
スタック - バックボーンマリオネットを使用した brunch.io。基本的には、コーヒー スクリプトを使用した gruntJS ビルドと、非常にシンプルなフロントエンド モジュール性のための commonJS ラッパーです。
index.html - スクリプトを含める場所
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Brunch with Marionette</title>
<meta name="viewport" content="width=device-width">
<!-- CSS and font-awesome -->
<link rel="stylesheet" href="stylesheets/app.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
<!-- Grunt compiled scripts -->
<script src="javascripts/vendor.js"></script>
<script src="javascripts/app.js"></script>
<!-- Firebase scripts -->
<script src="javascripts/backbone-firebase.js"></script>
<script src="https://cdn.firebase.com/v0/firebase.js"></script>
<script type='text/javascript' src='https://cdn.firebase.com/v0/firebase-auth-client.js'></script>
<!-- Start application -->
<script>
require('initialize');
</script>
</head>
<body>
</body>
</html>
RegisterView.coffee - authClient を作成し、新しい firebase 登録ユーザーを作成しようとします (バックボーン モデルがUserListコレクションに正しく追加され、データベースと正しく同期されます。唯一の問題はcreateUser())
template = require './templates/register'
User = require '../models/user'
user = new User()
module.exports = class RegisterView extends Backbone.Marionette.ItemView
id: 'register-view'
template: template
model: user
initialize: ->
this.form = $(this.el).find('form#account')
base = new Firebase("https://***********.firebaseIO-demo.com/")
this.authClient = new FirebaseAuthClient base,
(error, user_cb)->
if (error)
console.log(error)
else if (user_cb)
console.log('User ID: ' + user_cd.id + ', Provider: ' + user_cb.provider)
else
# This is currently what gets executed,
# which I'm pretty sure is correct behavior
console.log('logged out')
events:
'submit form': 'on_submit'
'blur #first_name' : 'check_first'
'blur #last_name' : 'check_last'
'blur #email' : 'check_email'
'blur #password' : 'check_password'
'blur #confirm_password' : 'check_confirm_password'
on_submit: (e)->
this.add_user()
check_first: (e)->
check_last: (e)->
check_email: (e)->
check_password: (e)->
check_confirm_password: (e)->
add_user: (e)->
form = $(this.el).find('form#account')
user.set({
first_name : form.find('#first_name').val()
last_name : form.find('#last_name').val()
email : form.find('#email').val()
password: form.find('#password').val()
})
window.UserList.add(user)
email = form.find('#email').val()
password = form.find('#password').val()
this.authClient.createUser(email, password,
(error, user)->
if (error)
console.log(error)
if (!error)
console.log('User Id: ' + user.id + ', Email: ' + user.email)
)
更新:サーバーを-demo本番環境に変更しようとしましたが、違いはありませんでした。