Laravelでjavascriptを使ってfirebaseにデータを登録処理を実装しています。
resources/views/layout/app.blade.php
php
1<!DOCTYPE html> 2<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <!-- CSRF Token --> 8 <meta name="csrf-token" content="{{ csrf_token() }}"> 9 10 <!-- Scripts --> 11 <script src="{{ asset('js/app.js') }}" defer></script> 12 13 <script src="https://www.gstatic.com/firebasejs/5.8.6/firebase.js"></script> 14 <script> 15 // Initialize Firebase 16 var config = { 17 apiKey: '{{ env('FIREBASE_API_KEY') }}', 18 authDomain: '{{ env('FIREBASE_AUTH_DOMAIN') }}', 19 databaseURL: '{{ env('FIREBASE_DATABASE_URL') }}', 20 projectId: '{{ env('FIREBASE_PROJECT_ID') }}', 21 storageBucket: '{{ env('FIREBASE_STORAGE_BUCKET') }}', 22 messagingSenderId: '{{ env('FIREBASE_MESSAGING_SENDER_ID') }}' 23 }; 24 firebase.initializeApp(config); 25 </script> 26 </head> 27(以下省略)
registFirebase.blade.php
php
1@extends('layouts.app') 2 3@section('content') 4<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> 5 <head> 6 <meta charset="utf-8"> 7 <meta name="csrf-token" content="{{ csrf_token() }}"> 8 <link href="{{ asset('css/styles.css') }}" rel="stylesheet"> 9 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 10 <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 11 </head> 12 <body> 13 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 14 <script> 15 function sendFirebase() { 16 firebase.database().ref('users/' + "test001").set({ 17 username: "test", 18 email: "hogehoge@co.jp" 19 }); 20 } 21 </scrupt> 22 (中略) 23 <input type="button" name="Release" onclick="sendFirebase()" value="登録"> 24 </body> 25</html> 26@endsection
デバッグしながら、動作確認したところ特にコンソールにエラーが出ません。しかしFirebaseコンソールを確認すると
データが登録されてませんでした。
APIキー、URL等の値はfirebaseコンソールからコピーしてきてます。
データ登録に時間がかかることがあるのでしょうか? もしくは設定が足りないのでしょうか?
firebaseに詳しい方がいましたらご回答をお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。