Meteor và Twiter Login
meteor
17
Twitter
5
White

Giang Hoàng viết ngày 30/05/2015

Meteor là một bộ phát triển web all-in-one dễ học nhất mình thấy từ trước tới nay. Cảm ơn series bài viết dịch cuốn sách Discover Meteor, hôm nay mình đã thử tạo một app và thêm tính năng login cho Twitter, thấy đơn giản đến mức không thể tin nổi !

Tạo app Meteor

Phần này mình làm y hệt sách nên nếu các bạn muốn biết cụ thể hơn thì xem bài viết Discover Meteor - Chương 2 nhé !

curl https://install.meteor.com | sh
meteor create trymeteor
cd trymeteor/
meteor

Đến đây chúng ta đã có một app Meteor đơn giản nhất

Tạo nút login Twitter

Để tạo nút login Twitter, trước hết mình lấy thêm 2 thư viện accounts-twitteraccounts-ui

meteor add accounts-twitter
meteor add accounts-ui

Sau đó vào template, giữa body thêm 1 dòng duy nhất {{> loginButtons}}

<head>
  <title>trymeteor</title>
</head>

<body>
  <h1>Welcome to Meteor!</h1>

  {{> hello}}
  {{> loginButtons}}
</body>

<template name="hello">
  <button>Click Me</button>
  <p>You've pressed the button {{counter}} times.</p>
</template>

Chỉ với thao tác trên chúng ta sẽ có nút login Twiter ban đầu như sau

Nút Twitter login có màu đỏ để "nhắc nhở" chúng ta cần phải thêm phần cài đặt setting cho một app của Twitter. Nếu ấn vào nút bên trên sẽ hiện ra hướng dẫn

Twitter setting

Cài đặt Twitter setting còn đơn giản hơn nữa, làm đúng như những gì trên thông báo, tạo một Twitter app và điền 2 cái key vào, button sẽ chuyển thành màu xanh. Tính năng login bằng Twitter đã có thể dùng được luôn!

Cảm nghĩ

Làm thử ứng dụng đầu tiên thấy ấn tượng về Meteor quá tuyệt. Tất cả mọi thứ đều đơn giản hết mức có thể, màn hình cài đặt cũng được chuẩn bị sẵn. Meteor có lẽ thích hợp để prototype nhanh các ý tưởng, nhưng mình không rõ liệu dùng để làm các sản phẩm production-ready thì có phù hợp hay không.

Meteor dùng Mustache để làm template, nhưng mình thấy bỏ đi để dùng Vue.js có vẻ dễ prototype hơn. Nếu có thời gian sẽ thử cả React và Flux và tổng hợp thành bài viết lần nữa.

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Giang Hoàng

1 bài viết.
0 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Bài viết liên quan
White
18 0
Lưu ý trước khi đọc tiếp: Ở bài viết này tác giả dùng chữ "hacker", không phải theo nghĩa chỉ những người làm trong lĩnh vực bảo mật hay an toàn th...
Vu Nhat Minh viết gần 3 năm trước
18 0
White
6 7
Tản mạn (thím nào vội thì bỏ qua phần này nhá :v) Có lẽ với những thím lập trình Android hay iOS hiện nay đã quá quen thuộc với Facebook SDK để thự...
ngohado viết gần 2 năm trước
6 7
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
1 bài viết.
0 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!