Chúng ta hãy đi câu cá trong thị trường bass.
Chúng tôi sẽ bắt đầu với Firebase,
dịch vụ cao cấp từ Google.
Hãy hiểu một chút về Firebase,
cấu hình một máy chủ Firebase,
và sau đó chúng ta sẽ xem xét các ứng dụng góc cạnh,
mà tôi sẽ trang bị thêm dựa trên
các ứng dụng góc cạnh trước đó mà bạn đã thấy trong bài giảng trước đó.
Chúng tôi sẽ sửa đổi nó để sử dụng Firebase như phụ trợ.
Vì vậy, như chúng ta sẽ thấy ở phần cuối của bài học này, bài
tập này và bài tập sau đây,
chúng ta có thể dễ dàng lấy một ứng dụng góc cạnh và trang bị thêm nó để sử dụng
Firebase như phụ trợ như một nhà cung cấp dịch vụ.
Để bắt đầu cuộc hành trình,
chúng ta hãy vào firebase.google.com để hiểu một chút về Firebase.
Một chủ đề loại làm cho một bài thuyết trình toàn bộ về Firebase,
tôi sẽ nhanh chóng chạy bạn thông qua những gì đã được
giải thích trên trang web Firebase chính nó bởi vì họ cung cấp cho bạn
đầy đủ chi tiết về cách Firebase tự hỗ trợ các tính năng khác nhau.
Vì vậy, hãy chạy qua trang web này để hiểu cách Firebase hoạt động.
Vì vậy, nếu bạn truy cập trang web, như bạn có thể thấy,
nó nói rằng Firebase giúp bạn xây dựng các ứng dụng di động tốt hơn và phát triển doanh nghiệp của bạn.
Và sau đó, như bạn thấy ở đây,
nó giải thích cho bạn các chi tiết về cách nó cho phép bạn xây dựng ứng dụng của bạn
nhanh chóng mà không cần phải quản lý cơ sở hạ tầng phụ trợ cho ứng dụng của bạn,
và một bảng điều khiển duy nhất mang lại một loạt các sản phẩm hoạt động cùng nhau.
Vì vậy, đây là tất cả các sản phẩm do Google cung cấp hoạt động cùng nhau để đáp ứng nhu cầu phụ trợ của bạn.
Và cũng ở đây, bạn có thể tận
dụng nhiều sản phẩm bổ sung có sẵn từ Google.
Vì vậy, đặc biệt, trong bài tập này,
chúng tôi sẽ tận dụng Cloud Firestore,
cung cấp mới từ Google.
Chúng ta sẽ xem xét thêm chi tiết về điều đó sau này.
Chúng tôi xem xét cách chúng tôi có thể sử dụng hỗ trợ
xác thực được cung cấp bởi Firebase để xác thực người dùng.
Chúng tôi sẽ xem xét lưu trữ đám mây để lưu trữ các tập tin hình ảnh của chúng tôi và phục vụ chúng.
Và sau đó chúng ta cũng sẽ xem xét làm thế nào chúng ta có thể tận dụng tất cả những cùng với
mô-đun nút liên quan đến FireBase-mà chúng ta có thể kết hợp cùng với
mô-đun nút angularfire2 vào ứng dụng góc của chúng tôi để
chúng ta có thể giao tiếp với backend Firebase của chúng tôi như một dịch vụ.
Ngoài
ra, tìm kiếm chi tiết hơn, chúng tôi thấy cách Firebase dash tự cung cấp các tính năng khác nhau như cho phép bạn triển khai các
tính năng người dùng khác nhau cho các ứng dụng khác nhau của
bạn và cách dễ dàng để tích hợp backend của bạn với một iOS,
Android hoặc ứng dụng web .
Đặc biệt, chúng ta sẽ xem xét ứng dụng web và sử dụng JavaScript và
cũng sử dụng cách chúng ta sẽ
kết hợp điều này vào ứng dụng góc cạnh của chúng tôi một chút sau đó.
Và cũng có thể, Firebase cung cấp một cơ sở dữ liệu thời gian thực,
cả cơ sở dữ liệu thời gian thực ban đầu,
cũng như Cloud Firestone mới,
cho phép bạn tự động đồng bộ hóa dữ liệu giữa các thiết bị người dùng khác nhau.
Vì vậy, bất kỳ thay đổi nào được thực hiện
ở phía máy chủ sẽ được tự động phản ánh cho tất cả các khách hàng
, và, tất nhiên, bạn có thể đọc thêm chi tiết về Firebase trên trang web này.
Và nó rất dễ dàng để bắt đầu bởi vì cung cấp cơ bản là miễn phí cho người dùng.
Vì vậy, chúng ta hãy bắt đầu sử dụng Firebase.
Chúng tôi sẽ thiết lập tài khoản Firebase của chúng tôi và sau đó truy cập và thiết lập phụ trợ của chúng tôi như một máy chủ,
sau đó chúng tôi sẽ tận dụng từ ứng dụng góc cạnh của chúng tôi.
Vì vậy, đây là một tour du lịch nhanh chóng của Firebase,
nhưng thay vì chỉ nhìn vào những điều này, chúng
ta hãy đi vào và thực sự làm cho bàn tay của chúng tôi bẩn,
cấu hình một cơ sở Firebase
trở lại vào dịch vụ và sau đó sử dụng nó trên ứng dụng góc cạnh của chúng tôi.
Vì vậy, để bắt đầu,
như bạn sẽ thấy cạnh bên phải ở đây,
nó nói đi đến giao diện điều khiển.
Rõ ràng, bạn nên có một tài khoản Google để có thể sử dụng Firebase.
Điều đó đi mà không nói,
và bạn sẽ được đăng nhập vào tài khoản Google của bạn.
Vì vậy, như bạn có thể thấy,
tôi đã có trong tài khoản Google của tôi.
Vì vậy, điều đó sẽ cho tôi quyền truy cập vào bảng điều khiển của tôi.
Nếu bạn không đăng nhập,
thì tốt hơn là bạn nên đăng nhập vào tài khoản Google của mình.
Vì vậy, khi bạn đi đến giao diện điều khiển, điều
này sẽ đưa bạn đến giao diện điều khiển dịch vụ Firebase ở đây,
nơi bạn có thể thiết lập các dự án.
Vì vậy, khi bạn đi đến giao diện điều khiển,
như bạn có thể thấy, nó nói thêm một dự án.
Và, như bạn có thể thấy,
tôi đã thử thiết lập
một dự án Firebase khác trước khi tôi giải thích nó cho bạn.
Vì vậy, chúng ta hãy thiết lập một dự án ở đây.
Vì vậy, chúng tôi sẽ nhấp vào thêm dự án,
và điều đó sẽ đưa ra một cửa sổ nhỏ đẹp,
nơi bạn có thể nhập thông tin.
Vì vậy, chúng tôi sẽ gọi dự án này là ConfusionServer,
như bạn mong đợi và cấu hình nó đến bất cứ nơi nào bạn đang ở tại thời điểm này.
Vì vậy, tôi sẽ cấu hình nó để sử dụng
Hồng Kông và tạo ra một dự án.
Và một khi dự án của bạn được tạo ra,
đây là những gì bạn sẽ được trình bày bởi Firebase.
Và, ở đây, bạn sẽ thấy rằng điều đầu tiên mà bạn muốn lấy
là thông tin về cấu hình Firebase của bạn để
bạn có thể sử dụng nó trong ứng dụng góc cạnh của bạn.
Vì vậy, để làm điều đó,
nhấp vào nút này ở đây.
Vì vậy, nó nói, thêm Firebase vào ứng dụng web của bạn.
Và điều này sẽ cung cấp
cho bạn một loạt các thông tin mà bạn nên sao chép và lưu bởi vì tôi sẽ sử dụng thông tin này để cấu hình
ứng dụng góc cạnh của tôi một chút sau đó trong bài tập tiếp theo.
Vì vậy, lưu thông tin này tại một vị trí thuận tiện để bạn có
thể sử dụng thông tin này khi bạn thiết lập trang web của khách hàng của bạn.
Bước tiếp theo, tôi sẽ thiết lập một vài tài khoản ở đây.
Vì vậy, hãy để tôi bấm vào xác thực ở đây.
Và khi xác thực được đưa ra,
chúng tôi sẽ thiết lập các phương pháp đăng nhập mà chúng tôi sẽ sử dụng cho máy chủ Firebase của chúng tôi,
và trong trường hợp của tôi,
tôi sẽ sử dụng mật khẩu email như một trong các tùy chọn.
Vì vậy, chúng tôi sẽ kích hoạt mật khẩu email.
Tôi cũng sẽ bật đăng nhập Google.
Vì vậy, hai cái này được kích hoạt.
Nếu bạn muốn, bạn có thể bật các cách khác để xác thực người dùng.
Tiếp theo, đi đến người dùng, bây giờ,
nếu bạn đăng nhập vào ứng dụng này bằng tài khoản Google của bạn,
người dùng đó sẽ được tự động thêm vào hệ thống của bạn.
Nhưng ngay bây giờ, tôi sẽ thiết lập một người dùng với một email và mật khẩu.
Vì vậy, tôi sẽ thiết lập một admin@confusion.net,
và tôi sẽ thiết lập một mật khẩu ở đây và thêm vào người dùng.
Vì vậy, đây sẽ là một người dùng,
những người có thể đăng nhập bằng sự kết hợp mật khẩu email.
Chúng tôi cũng có thể đăng ký để truy cập vào điều này bằng tài khoản Google của chúng tôi.
Vì vậy, ứng dụng góc cạnh
của tôi, tôi sẽ thiết lập để sử dụng cả cách đăng nhập mật khẩu email
và cũng như bằng cách đăng nhập dựa trên tài khoản Google.
Sau đó, chúng tôi sẽ đi vào kho.
Vì vậy, chúng tôi sẽ thiết lập lưu trữ tiếp theo.
Vì vậy, bộ nhớ là nơi bạn có thể thiết lập một cách
tải tệp lên máy chủ của bạn và sau đó làm cho chúng có sẵn để sử dụng.
Vì vậy, lưu trữ này, tôi sẽ thiết lập lưu trữ của tôi để lưu trữ
các hình ảnh mà chúng tôi sẽ sử dụng và lưu lên từ trang web máy chủ của chúng tôi.
Vì vậy, khi bạn thiết lập lưu trữ,
nó sẽ đưa ra tập hợp các quy tắc bảo mật,
trong đó xác định loại hoạt động nào sẽ được cho phép bởi người dùng.
Vì vậy, nó nói cho phép đọc,
viết: nếu request.auth không bằng null,
vì vậy điều đó có nghĩa là chỉ những người dùng đã đăng nhập
vào máy chủ này mới có thể đọc và viết.
Bây giờ, tôi sẽ thay đổi điều này để cho phép đọc cho bất cứ ai,
nhưng viết sẽ chỉ được phép bởi người dùng xác thực.
Vì vậy, chúng tôi sẽ nói, nhận được nó,
và sau đó tôi sẽ bắt đầu.
Vì vậy, trong các quy tắc,
tôi sẽ đi vào các quy tắc ở đây và sau đó sửa đổi các quy tắc
để cho phép người dùng có thể đọc từ máy chủ.
Bây giờ, chúng ta có thể thiết lập nó ở cấp độ thư mục cụ thể,
nhưng vì đây là một ứng dụng đơn giản,
tôi sẽ thiết lập nó ở cấp độ lưu trữ toàn bộ.
Vì vậy, ở đây, tôi sẽ nói, cho phép đọc,
và sau đó tôi sẽ sửa đổi quy tắc này để nói cho phép đọc,
và tôi sẽ nói, cho phép viết nếu yêu cầu.
Vì vậy, như bạn thấy,
người dùng sẽ được phép đọc từ bộ nhớ.
Bất kỳ người dùng nào sẽ được phép đọc, thậm chí không có xác thực,
nhưng viết chỉ bị giới hạn cho người dùng đăng nhập vào hệ thống.
Vì vậy, đây là sửa đổi đơn giản cho các quy tắc truy cập,
của các quy tắc bảo mật.
Bạn có thể phức tạp hơn về điều này,
nhưng trong ví dụ đơn giản,
tôi sẽ ở lại với điều này.
Và sau đó chúng tôi sẽ công bố các quy tắc này lên máy chủ của chúng tôi.
Sau đó quay trở lại các tập tin, trong các tập tin,
tôi sẽ tạo ra một thư mục mới ở đây có tên là hình ảnh.
Bây giờ, như bạn thấy,
các quy tắc có thể được thiết lập cho thư mục hình ảnh cụ thể này,
vì vậy nó sẽ cho phép người dùng chỉ đọc từ thư mục hình ảnh này và sau đó chỉ được
ủy quyền người dùng tải lên thư mục hình ảnh này nếu bạn chọn.
Nhưng, ngay bây giờ, tôi sẽ để nó như vậy,
như là tập hợp chung của quy tắc mà tôi đã cấu hình ở đó.
Bây giờ, đi đến thư mục hình ảnh.
Tôi sẽ tải lên một loạt các hình ảnh vào thư mục này ở đây.
Vì vậy, để tôi lấy một loạt các hình ảnh mà tôi có cho ứng dụng của tôi.
Và trước đó, tôi đã sử dụng những hình ảnh này trong các ứng dụng khác của tôi.
Tôi sẽ chọn tất cả những hình ảnh này và sau đó tải chúng lên lưu trữ Google ở đây.
Những hình ảnh này có sẵn trong
tập tin images.zip của bạn mà tôi đã cung cấp cho bạn trong bài tập trước đó,
trong bài học trước đó.
Vì vậy, chỉ cần tải xuống các tập tin images.zip,
hoặc nếu bạn đã tải xuống,
bạn nên có những hình ảnh này với bạn để bạn có thể tải chúng lên các tập tin.
Khi bạn tải lên những hình ảnh này,
bạn có thể nhấp vào bất kỳ một trong những hình ảnh đó và cũng nhận thấy rằng dưới đây,
nó cung cấp cho bạn vị trí tập tin này.
Bạn cần phải sao chép URL này cho vị trí tập tin này bởi vì khi chúng tôi cấu hình cơ sở dữ liệu của chúng
tôi, trong trường hình ảnh của dữ liệu JSON của
chúng tôi, chúng tôi sẽ cấu hình mỗi một trong số họ với URL này cho hình ảnh tương ứng.
Tiếp theo, chúng ta sẽ chuyển sang cơ sở dữ liệu đó.
Trong cơ sở dữ liệu, bạn được đưa ra hai lựa chọn.
Bạn có thể đi với cơ sở dữ liệu thời gian thực cũ hơn,
được hỗ trợ bởi Google,
và thực sự hầu hết các ứng dụng hiện tại sử dụng Firebase sẽ sử dụng cơ sở dữ liệu thời gian thực.
Nhưng sau đó, trong khóa học này,
chúng tôi sẽ khám phá phiên bản Firestore mới hơn.
Firestore beta cung cấp cơ sở dữ liệu thời gian thực toàn diện hơn rất nhiều.
Vì vậy, đây là cơ sở dữ liệu thời gian thực thế hệ tiếp theo và cung cấp
rất nhiều cách nâng cao hơn để thực hiện truy vấn và
tự động mở rộng dung lượng lưu trữ của họ cho chúng tôi.
Vì vậy, chúng tôi sẽ đi với Firestore beta.
Bây giờ, một trong những lý do một lần nữa để tôi bắt đầu với
phiên bản Firestore là đơn giản bởi vì nó
cho phép chúng tôi lưu trữ thông tin dưới dạng tài liệu và bộ sưu tập.
Bây giờ, từ kinh nghiệm của chúng tôi với MongoDB,
chúng tôi đã biết làm thế nào tài liệu và bộ sưu tập hoạt động,
và vì vậy đó là lý do tại sao Firestore beta là một lựa chọn tốt hơn cho chúng tôi,
vì chúng tôi đã biết làm thế nào nó được cấu hình.
Nếu bạn muốn mặc định cho cơ sở dữ liệu thời gian thực chuẩn,
bạn có thể chọn để làm như vậy.
Nhưng cơ sở dữ liệu thời gian thực lưu trữ tất cả dữ liệu của bạn trong
một cây lớn và có một số lượng hạn chế của khả năng truy vấn.
Vì vậy, đối với các quy tắc bảo mật cho Firestore của
tôi, tôi sẽ đi với chế độ kiểm tra,
nơi tôi sẽ chỉ để nó mở cho mọi người đọc và viết vào lúc này.
Và điều này là okay bởi vì chúng tôi chỉ kiểm tra cơ sở dữ liệu, nhưng thông thường,
tôi sẽ đề nghị đi với một cách cấu hình hơn để làm việc với cơ sở dữ liệu của bạn ở đây.
Vì vậy, chúng tôi sẽ bắt đầu với một chế độ thử nghiệm để bắt đầu.
Và vì vậy chúng tôi sẽ thiết lập các quy tắc bảo mật như thế này để bắt đầu.
Bạn có thể đi với thiết lập công cụ bảo mật phức tạp hơn.
Vì vậy, như bạn đã thấy với lưu trữ,
chúng tôi đã thiết lập như vậy mà đọc được cho phép bởi
bất cứ ai nhưng viết chỉ được phép bởi người dùng được ủy quyền.
Chúng tôi có thể thiết lập một chức năng tương tự ở đây cũng.
Vì vậy, đây là máy chủ gây nhầm lẫn.
Và như vậy, trong các quy tắc,
hãy để tôi đi đến lưu trữ đó và sau đó chỉ cần sao chép các quy tắc từ lưu trữ ở đây,
và chúng tôi sẽ thiết lập cùng một loại hạn chế ở đây.
Vì vậy, chúng tôi sẽ cho phép bất cứ ai đọc nhưng chỉ có
người dùng được ủy quyền ghi vào cơ sở dữ liệu.
Vì vậy, đi trở lại cơ sở dữ liệu, trong các quy tắc,
chúng ta có thể nói cho phép đọc: và sau đó dòng thứ hai tôi sẽ thay thế điều đó,
nói cho phép viết nếu request.auth không bằng null.
Vì vậy, chỉ những người đã đăng nhập,
họ mới có thể sửa đổi dữ liệu để chúng tôi,
ít nhất, tôi có một số bảo vệ dữ liệu của tôi.
Bây giờ, ở đây, bây giờ chúng ta có thể đồ họa thêm vào dữ liệu vào ứng dụng của chúng tôi.
Và điều này, tôi tìm thấy cách nhanh nhất để thêm vào dữ liệu.
Nếu bạn thiết lập trang web khách hàng,
bạn cũng có thể đăng dữ liệu từ trang web khách hàng, nhưng,
ngay bây giờ, chúng tôi sẽ khởi động bằng cách thêm vào ba bộ sưu tập ở đây.
Vì vậy, bộ sưu tập đầu tiên mà tôi sẽ thêm lên là các món ăn.
Và chúng ta có thể thêm tài liệu vào các món ăn,
vì vậy chúng ta có thể thêm tài liệu đầu tiên của chúng tôi.
Vì vậy, để thêm một tài liệu vào các món ăn,
hãy nhớ rằng tôi đã cung cấp cho bạn các tập tin DB.json ở đó.
Vì vậy, bạn có thể đi với các tập tin DB.json và sau đó thêm vào,
từng bước, mỗi người trong số các món ăn mà chúng tôi có.
Vì vậy, ở đây, tôi sẽ cấu hình món ăn đầu tiên ở đây.
Vì vậy, đối với các món ăn, chúng tôi có thể cho phép Firebase tự động gán ID cho tài liệu của chúng tôi.
Vì vậy, tôi sẽ để cho điều đó tự động gán.
Vì vậy, chúng tôi sẽ thêm vào món ăn đầu tiên ở đây.
Tên của cánh đồng và món ăn đầu tiên ở đây.
Vì vậy, chúng ta phải siêng năng thêm,
từng chút một, mỗi món ăn ở đây.
Vì vậy, chúng tôi sẽ nói tên,
và sau đó chúng tôi sẽ nói loại, đó là nguồn điện.
Và sau đó chúng tôi sẽ thêm vào hình ảnh,
mà tôi sẽ trở lại và thêm vào một chút sau đó bởi vì tôi cần phải sao chép
URL hình ảnh từ bộ nhớ của tôi và sử dụng nó ở đây.
Sau đó, chúng tôi sẽ có nó dán nhãn là Hot, giá cả.
Vì vậy, chúng tôi có thể
loại, tên, thể loại, hình ảnh, nhãn, giá cả
, mô tả, mà tôi sẽ sao chép và dán từ tập tin DB.json của tôi.
Và, cuối cùng, cờ đặc trưng,
mà tôi sẽ đặt như một boolean và đặt nó thành true trong trường hợp này.
Vì vậy, đây sẽ là tài liệu đầu tiên của chúng tôi mà chúng tôi sẽ thêm vào cơ sở dữ liệu của chúng tôi ở đây.
Vì vậy, bạn sẽ ngay lập tức nhận thấy rằng,
trong cơ sở dữ liệu của chúng tôi, tài liệu đầu tiên được thêm vào.
Vì vậy, chúng ta sẽ thấy các món ăn và tài liệu đầu tiên,
và bạn có thể xem thông tin về tài liệu này được cấu hình ở đây.
Vì vậy, chúng tôi có thể loại, mô tả
, đặc trưng, hình ảnh, nhãn, tên và giá cả.
Chúng tôi cũng sẽ thêm một lĩnh vực nữa ở đây được gọi là CreateDat,
và đây sẽ là một dấu thời gian.
Và dấu thời gian sẽ là dấu thời gian ngày nay và sau đó tôi rời khỏi đó giá trị thời gian như vậy.
Vì vậy, chúng tôi có thể thêm dấu thời gian cũng để này, và, cũng,
chúng tôi sẽ thêm một dấu thời gian hơn như UpdateDat và với dấu thời gian ở đây.
Vì vậy, chúng tôi có thêm hai dấu thời gian ở đây.
Bây giờ, đối với hình ảnh,
chúng tôi sẽ đi đến kho lưu trữ ở đây.
Và từ bộ nhớ của chúng tôi, trong các hình ảnh,
chúng tôi sẽ chọn tập tin hình ảnh ở đây
và sau đó đi đến vị trí tập tin và sau đó sao chép URL này ở đây.
Vì vậy, nếu chúng ta chỉ cần nhấp vào này,
URL đó sẽ được sao chép.
Vì vậy, chúng tôi sẽ trở lại
cơ sở dữ liệu đó và sau đó
chỉnh sửa trường hình ảnh và sau đó thêm vào URL đó ở đó.
Như vậy, bạn có thể đi trước và thêm các món ăn còn lại, các
chương trình khuyến mãi và cũng là các nhà lãnh đạo.
Vì vậy, một khi bạn hoàn thành tất cả các bước,
mà sẽ mất khá nhiều thời gian để bạn làm từng bước.
Vì vậy, tôi cho phép bạn hoàn tất thêm tất cả các thông tin này vào Firebase của bạn.
Vì vậy, sau khi bạn hoàn tất nhập tất cả dữ liệu vào cơ sở dữ liệu của
bạn, các món ăn của bạn nên có bốn món ăn ở đây.
Một lần nữa, hãy chắc chắn rằng bạn khởi tạo
trường hình ảnh với URL từ bộ nhớ đó cho hình ảnh cụ thể đó.
Vì vậy, bạn sẽ có một, hai, ba và bốn món ăn.
Sau đó, bạn sẽ có bốn nhà lãnh đạo tương ứng.
Một, hai, ba và bốn và một chương trình khuyến mãi ở đây.
Một lần nữa, hãy chắc chắn rằng bạn khởi tạo các hình ảnh cho mỗi một trong số
họ một cách thích hợp từ lưu trữ Firebase.
Với điều này, máy chủ của chúng tôi được cấu hình hoàn toàn.
Vì vậy, máy chủ Firebase của chúng tôi có tất cả các dữ liệu cần thiết cho nó để phục vụ theo kế hoạch của chúng tôi.
Bây giờ chúng ta sẽ chuyển sang bài tập tiếp theo,
nơi chúng tôi sẽ cấu hình khách hàng góc cạnh của chúng tôi để có thể truy cập vào
phụ trợ Firebase này như một dịch vụ và sau đó truy xuất
dữ liệu và sau đó cũng đẩy dữ liệu vào máy chủ Firebase của họ.
Với điều này, chúng tôi hoàn thành bài tập này.
Trong bài tập này, chúng ta đã thấy cách dễ dàng cho chúng ta để
cấu hình backend Firebase của chúng tôi như một dịch vụ cho cả xác thực, để
lưu trữ các tập tin và phục vụ chúng và cũng lưu trữ thông tin vào
cơ sở dữ liệu Cloud Firestore dưới dạng bộ sưu tập và tài liệu trong bộ sưu tập.
Với điều này, chúng tôi hoàn thành bài tập này.