<\/p>\n
- \n
- Firebase<\/a><\/li>\n
- REST API - Firebase<\/a><\/li>\n<\/ul>\n
--<\/p>\n
Database<\/h2>\n
\u65b0\u589e\u3001\u4fee\u6539<\/strong><\/p>\n
curl -X PUT -d '{\"alanisawesome\": {\"name\": \"Alan Turing\",\"birthday\": \"June 23, 1912\"}}' https:\/\/fbtest-d047e.firebaseio.com\/rest\/securing-data\/example.json<\/pre>\n\u5728 Firebase \u7684\u5f8c\u53f0\u53ef\u4ee5\u5373\u6642\u770b\u5230\u4ee5\u4e0b\u7d50\u679c<\/p>\n
![\"Image](\"https:\/\/blog.hoyo.idv.tw\/wp-content\/uploads\/2016\/08\/Image-276-300x140.png\")
<\/a><\/p>\n\u4f7f\u7528\u76f8\u540c\u7684\u8def\u5f91\u7d66\u65bc\u4e0d\u540c\u7684 value \u5c31\u6703\u76f4\u63a5\u66f4\u65b0\u503c<\/p>\n
\u4f7f\u7528 jQuery<\/h2>\n
- \n
- How to send a PUT\/DELETE request in jQuery?<\/a><\/li>\n<\/ul>\n
var Post = '{\"alanisawesome\": {\"name\": \"Alan Turing\",\"birthday\": \"June 23, 1912\"}}';\r\n $.ajax({\r\n url: 'https:\/\/fbtest-d047e.firebaseio.com\/rest\/securing-data\/example.json',\r\n type: 'PUT',\r\n data: Post,\r\n success: function(data) { }\r\n });\r\n<\/pre>\n\u8b80\u53d6<\/strong><\/p>\n
\u7db2\u9801\u524d\u7aef<\/p>\n
firebase.database().ref(\"\/member\/\").limitToLast(3).on('child_added', function(data) {\r\n \/\/console.log(data.val());\r\n var val = data.val();\r\n console.log(val.name);\r\n\r\n html = '<div class=\"message-container visible\">' +\r\n '<div class=\"spacing\"><div class=\"pic\" style=\"background-image: url('+ val.ImageUrl +');\"><\/div><\/div>' +\r\n '<div class=\"message\">'+ val.message +'<\/div>' +\r\n '<div class=\"name\">'+ val.name +'<\/div>' +\r\n '<\/div>';\r\n \r\n var MessageList = $('#message-filler');\r\n MessageList.append(html);\r\n $('#messages').scrollTop( MessageList.prop(\"scrollHeight\") );\r\n}); \r\n<\/pre>\n<\/p>\n
\u4f7f\u7528 curl \u6307\u4ee4<\/p>\n
curl \"https:\/\/fbtest-d047e.firebaseio.com\/rest\/securing-data\/example.json\"<\/pre>\n
{\"alanisawesome\":{\"birthday\":\"June 23, 1922\",\"name\":\"Alan Turing\"}}<\/pre>\n<\/p>\n
\u52a0\u4e0a ?print= \u53ef\u4ee5\u8a2d\u5b9a\u4e0d\u540c\u7684\u8f38\u51fa\u683c\u5f0f<\/p>\n
curl 'https:\/\/fbtest-d047e.firebaseio.com\/rest\/securing-data\/example.json?print=pretty'<\/pre>\n
{\r\n \"alanisawesome\" : {\r\n \"birthday\" : \"June 23, 1922\",\r\n \"name\" : \"Alan Turing\"\r\n }\r\n}<\/pre>\n<\/p>\n
--<\/p>\n
\u522a\u9664<\/h2>\n
- \n
- API Reference<\/a><\/li>\n<\/ul>\n
\u60f3\u8981\u522a\u9664 birthday \u8cc7\u6599\u6642\uff0c\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u6307\u4ee4<\/p>\n
curl -X DELETE https:\/\/fbtest-d047e.firebaseio.com\/rest\/securing-data\/example\/alanisawesome\/birthday.json<\/pre>\n
<\/p>\n
--<\/p>\n
Storage - \u6a94\u6848\u5132\u5b58<\/h2>\n
<\/p>\n
\u958b\u653e\u5168\u90e8\u4f7f\u7528\u8005\u53ef<\/p>\n
service firebase.storage {\r\n match \/b\/fbtest-d047e.appspot.com\/o {\r\n match \/{allPaths=**} {\r\n allow read, write: if true == true;\r\n }\r\n }\r\n}<\/pre>\n\u6700\u7c21\u55ae\u7684\u4e0a\u50b3\u7bc4\u4f8b<\/p>\n
<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\">\r\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n <meta name=\"description\" content=\"Learn how to use the Firebase platform on the Web\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Firebase<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<form id=\"image-form\" action=\"#\">\r\n <input id=\"mediaCapture\" type=\"file\" accept=\"image\/*\">\r\n\r\n <button type=\"button\" onclick=\"ss()\">aaa<\/button>\r\n<\/form>\r\n\r\n<!-- Firebase -->\r\n<script src=\"js\/firebase.js\"><\/script>\r\n<script>\r\n \/\/ Initialize Firebase\r\n var config = {\r\n apiKey: \"AIzaSyCfV0A1Q-Ln-evzUScnnq_kLedOB0BAl7Q\",\r\n authDomain: \"fbtest-d047e.firebaseapp.com\",\r\n databaseURL: \"https:\/\/fbtest-d047e.firebaseio.com\",\r\n storageBucket: \"fbtest-d047e.appspot.com\",\r\n };\r\n firebase.initializeApp(config);\r\n\r\n \/\/ Get a reference to the storage service, which is used to create references in your storage bucket\r\n function ss() {\r\n\r\n var storage = firebase.storage();\r\n\r\n var storageRef = firebase.storage().ref();\r\n\r\n var metadata = {\r\n contentType: 'image\/jpeg',\r\n };\r\n\r\n var file = document.getElementById('mediaCapture').files[0];\r\n\r\n \/\/ Upload the file and metadata\r\n var uploadTask = storageRef.child('mountains.jpg').put(file, metadata);\r\n\r\n uploadTask.on('state_changed', function(snapshot){\r\n \/\/ Observe state change events such as progress, pause, and resume\r\n \/\/ See below for more detail\r\n }, function(error) {\r\n \/\/ Handle unsuccessful uploads\r\n }, function() {\r\n \/\/ Handle successful uploads on complete\r\n \/\/ For instance, get the download URL: https:\/\/firebasestorage.googleapis.com\/...\r\n var downloadURL = uploadTask.snapshot.downloadURL;\r\n\r\n console.log(downloadURL);\r\n });\r\n }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n<\/p>\n
--<\/p>\n
Google \u4f7f\u7528\u8005\u8a8d\u8b49<\/h2>\n
- \n
- Authenticate Using Google Sign-In with JavaScript<\/a><\/li>\n
- Firebase: This domain is not authorized<\/a><\/li>\n<\/ul>\n
function Login() {\r\n var provider = new firebase.auth.GoogleAuthProvider();\r\n \/\/provider.addScope('https:\/\/www.googleapis.com\/auth\/plus.login');\r\n firebase.auth().signInWithPopup(provider).then(function (result) {\r\n\r\n \/\/ This gives you a Google Access Token. You can use it to access the Google API.\r\n var token = result.credential.accessToken;\r\n \/\/ The signed-in user info.\r\n user = result.user;\r\n \/\/console.log(user);\r\n\r\n if ( user['uid'] ) {\r\n $('#message-form').removeAttr('hidden');\r\n $('#image-form').removeAttr('hidden');\r\n $('#sign-out').removeAttr('hidden');\r\n $('#sign-in').attr('hidden', '');\r\n }\r\n\r\n \/\/ ... \r\n });\r\n}\r\n<\/pre>\n--<\/p>\n
Google Firebase \u5f8c\u7aef\u652f\u63f4<\/h2>\n
- Firebase: This domain is not authorized<\/a><\/li>\n<\/ul>\n
- Authenticate Using Google Sign-In with JavaScript<\/a><\/li>\n
- API Reference<\/a><\/li>\n<\/ul>\n
- REST API - Firebase<\/a><\/li>\n<\/ul>\n