Tìm hiểu kỹ thuật cho phép đăng ký người dùng qua tài khoản facebook và google

Bộ giáo dục đào tạo Trờng đại học dân lập hải phòng -o0o - đồ án tốt nghiệp Ngành công nghệ thông tin Hải Phòng 2015 Bộ giáo dục đào tạo Trờng đại học dân lập hải phòng -o0o - Tìm hiểu kỹ thuật cho phép đăng ký ngời dùng qua tài khoản facebook google đồ án tốt nghiệp đại học hệ quy Ngành: Công nghệ Thông tin Bộ giáo dục đào tạo Trờng đại học dân lập hải phòng -o0o - Tìm hiểu kỹ thuật cho phép đăng ký ngời dùng qua tài khoản facebook google đồ án tốt nghiệp đại học hệ quy Ngành: Công nghệ Thông tin Sinh viên thực hiện: Nguyễn Văn Phú Giáo viên hớng dẫn: Đỗ Văn Chiểu Mà số sinh viên: 1313101002 giáo dục đào tạo trờng đại học dân lập hải phòng cộng hoà xà hội chủ nghĩa việt Nam Độc lập - Tự - Hạnh phúc -o0o - nhiƯm vơ thiÕt kế tốt nghiệp Sinh viên: Nguyễn Văn Phú Lớp: CTL701 Mà số: 1313101002 Ngành: Công nghệ Thông tin Tên đề tài: Tìm hiểu kỹ thuật cho phép đăng ký ngời dùng qua tài khoản facebook google nhiệm vụ đề tài Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp a Nội dung: Kỹ thuật xác thực ngời dùng qua tài khoản facebook, Kỹ thuật xác thực ngời dùng qua tài khoản google, Xây dung ứng dụng với PHP MySQL b Các yêu cầu cần giải Đăng nhập đợc tài khoản ngời dùng vào website Lấy thông tin để lu vào sở liệu cán hớng dẫn đề tài tốt nghiệp Ngời hớng dẫn thứ nhất: Họ tên: Đỗ Văn Chiểu Học hàm, học vị: Thạc Sĩ Cơ quan công tác: Trờng đại học Dân Lập HảI Phòng Nội dung hớng dẫn: Xác thực tài khoản ngời dùng tài khoản Facebook Xác thực tài khoản ngời dùng tài khoản Google Đề tài tốt nghiệp đợc giao ngày 06tháng 04năm 2015 Yêu cầu phải hoàn thành trớc ngày 11 tháng 07 năm 2015 Đà nhận nhiệm vụ: Đ.T.T.N Sinh viên Đà nhận nhiệm vụ: Đ.T.T.N Cán hớng dẫn Đ.T.T.N Hải Phòng, ngày tháng .năm 2015 Hiệu trởng GS.TS.NGT Trần Hữu Nghị ỏn tt nghip Phần nhận xét tóm tắt cán hớng dẫn Tinh thần thái độ sinh viên trình làm đề tài tốt nghiÖp: Đánh giá chất lợng đề tài tốt nghiệp (so với nội dung yêu cầu đà đề nhiệm vụ đề tµi tèt nghiƯp) Cho điểm cán hớng dẫn: ( Điểm ghi số chữ ) Ngµy .tháng .năm 2015 Cán hớng dẫn ( Ký, ghi râ hä tªn ) Sinh viên Nguyễn Văn Phú CTL701 ỏn tt nghip Phần nhận xét đánh giá cán chấm phản biện đề tài tốt nghiệp Đánh giá chất lợng đề tài tốt nghiệp (về mặt nh sở lý luận, thuyết minh chơng trình, giá trị thực tế, ) Cho điểm cán phản biện ( Điểm ghi số chữ ) Ngày .tháng .năm 2015 Cán chấm phản biện ( Ký, ghi rõ hä tªn ) Sinh viên Nguyễn Văn Phú CTL701 Đồ án tốt nghiệp LỜI CẢM ƠN Trong lời báo cáo đồ án tốt nghiệp “Tìm hiểu kỹ thuật cho phép đăng ký người dùng qua tài khoản Facebook Google” này, em muốn gửi lời cám ơn biết ơn chân thành tới tất người hỗ trợ, giúp đỡ em kiến thức tinh thần trình thực đồ án Trước hết, em xin chân thành cám ơn Thầy Giáo - Ths Đỗ Văn Chiểu, Giảng viên Khoa Cơng Nghệ Thơng Tin, Trường ĐHDL Hải Phịng, người trực tiếp hướng dẫn, nhận xét, giúp đỡ em suốt trình thực đồ án Xin chân thành cảm ơn thầy cô Khoa Công Nghệ Thơng Tin phịng ban nhà trường tạo điều kiện tốt cho em bạn khác suốt thời gian học tập làm tốt nghiệp Cuối em xin gửi lời cảm ơn đến gia đình, bạn bè, người thân giúp đỡ động viên em nhiều trình học tập làm Đồ án Tốt Nghiệp Do thời gian thực có hạn, kiến thức cịn nhiều hạn chế nên Đồ án thực chắn không tránh khỏi thiếu sót định Em mong nhận ý kiến đóng góp thầy giáo bạn để em có thêm kinh nghiệm tiếp tục hồn thiện đồ án Em xin chân thành cảm ơn! Hải Phòng, ngày 29 tháng 06 năm 2015 Sinh viên NGUYỄN VĂN PHÚ Sinh viên Nguyễn Văn Phú CTL701 Đồ án tốt nghiệp CHƢƠNG GIỚI THIỆU 1.1 Vai trò CNTT đời sống xã hội CNTT bước phát triển cao số hóa tất liệu thơng tin, ln chuyển mạnh mẽ kết nối tất với nhau.Mọi loại thơng tin, số liệu âm thanh, hình ảnh đưa dạng kỹ thuật số để máy tính lưu trữ, xử lý chuyển tiếp cho nhiều người Những công cụ kết nối thời đại kỹ thuật số cho phép dễ dàng thu thập, chia sẻ thông tin hành động sở thông tin theo phương thức hoàn toàn mới, kéo theo hàng loạt thay đổi quan niệm, tập tục, thói quen truyền thống, chí cách nhìn giá trị sống CNTT đến với người dân, người quản lý, nhà khoa học, người nông dân, bà nội trợ, học sinh tiểu học….Khơng có lĩnh vực nào, khơng có nơi khơng có mặt CNTT Cơng nghệ thơng tin động lực quan trọng phát triển…ứng dụng phát triển công nghệ thông tin nước ta nhằm góp phần giải phóng sức mạnh vật chất, trí tuệ tinh thần tồn dân tộc, thúc đẩy công đổi mới, phát triển nhanh đại hoá ngành kinh tế, tăng cường lực cạnh tranh doanh nghiệp, hỗ trợ có hiệu cho trình hội nhập kinh tế quốc tế, nâng cao chất lượng sống nhân dân, đảm bảo an ninh quốc phòng tạo khả tắt đón đầu để thực thắng lợi nghiệp CNH,HĐH (CT số 58-CT/TW ngày 17- 10- 2000 BCT khoá VIII) Tác động CNTT xã hội lồi người vơ to lớn, khơng thúc đẩy nhanh trình tăng trưởng kinh tế, mà kéo theo biến đổi phương thức sáng tạo cải, lối sống tư người Trong kinh tế tri thức, quy trình sản xuất tự động hố Máy móc không thay người công việc nặng nhọc, mà thay người khâu phức tạp sản xuất quản lý, không thay thao tác lao động người mà thao tác tư Trong kinh tế toàn cầu, với phát triển internet, thương mại điện tử trở thành lĩnh vực phát triển mạnh mẽ, thúc đẩy ngành sản xuất dịch vụ phạm vi toàn giới, đặc biệt quan trọng với nước phát triển, vùng xa xôi hẻo lánh, nước vùng có hội tiếp cận thị trường quốc tế Cơng nghệ thơng tin chìa khố để mở cánh cổng vào kinh tế tri thức Mạng thông tin môi trường lý tưởng cho sáng tạo, phương tiện quan trọng để quảng Sinh viên Nguyễn Văn Phú CTL701 10 Đồ án tốt nghiệp Bây bấm vào API &auth -> Credentials để tạo client ID Tiếp chọn Web application click configure consent screen hình Sinh viên Nguyễn Văn Phú CTL701 51 Đồ án tốt nghiệp Sau phải điền số thông tin sau Sinh viên Nguyễn Văn Phú CTL701 52 Đồ án tốt nghiệp Sau nhấn Save xuất bảng làm hình Khi hoàn thành xong nhận kết hình dưới: Sinh viên Nguyễn Văn Phú CTL701 53 Đồ án tốt nghiệp 3.2Xác thực ngƣời dùng tài khoản google Gọi hộp thoại đăng nhập gửi yêu cầu xác thực Có số cách để thực yêu cầu này, chúng khác dựa vào loại ứng dụng xây dựng Ví dụ, ứng dụng JavaScript yêu cầu thẻ truy cập cách sử dụng trình duyệt chuyển hướng đến Google, ứng dụng cài đặt thiết bị mà khơng có người sử dụng trình duyệt yêu cầu dịch vụ web Một số yêu cầu đòi hỏi bước xác thực mà người dùng đăng nhập tài khoản Google họ Sau đăng nhập, người dùng hỏi liệu họ có sẵn sàng để cấp quyền mà ứng dụng bạn yêu cầu Quá trình gọi người sử dụng đồng ý.Nếu người sử dụng cấp cho phép, Google Authorization Server gửi ứng dụng access token (hoặc mã số mà ứng dụng bạn sử dụng để có thẻ truy cập) Nếu người dùng khơng cấp phép, máy chủ trả lỗi Khi người dùng chọn đăng nhập tài khoản google hhọp thoại đăng nhập đc gọi (Nếu người dùng chưa đăng nhâp google) Trình tự cấp phép bắt đầu ứng dụng chuyển hướng trình duyệt tới URL Google; URL bao gồm tham số truy vấn mà loại hình truy cập yêu cầu Như tình khác, Google xử lý xác thực người sử dụng, lựa chọn phiên, người sử dụng đồng ý Kết mã số, mà Google trả cho ứng dụng bạn chuỗi truy vấn Sau nhận mã uỷ quyền, ứng dụng bạn trao đổi mã (cùng với ID khách hàng khách hàng bí mật) cho access token, số trường hợp, thẻ refresh Sau ứng dụng sử dụng thẻ truy cập để truy cập vào API Google Nếu thẻ làm việc trao đổi mã uỷ quyền, sau sử dụng để có thẻ truy cập lúc Điều gọi truy cập offline, người dùng khơng cần phải có mặt trình duyệt ứng dụng có thẻ truy cập Trình tự truy vấn token tới google hình sau: Sinh viên Nguyễn Văn Phú CTL701 54 Đồ án tốt nghiệp Hình3.2.1 Quy trình truy vấn token tới google Gọi hộp thoại login Đầu tiên, từ trang web gửi yêu cầu người dùng cho phép truy cập vào thông tin người dùng (Từ thông tin dùng để đăng nhập vào hệ thống) Thực bước chuyển hướng người dùng đến trang xác thực google Sinh viên Nguyễn Văn Phú CTL701 55 Đồ án tốt nghiệp Hình 3.2.2 Hộp thoại yêu cầu đăng nhập tài khoản google Sinh viên Nguyễn Văn Phú CTL701 56 Đồ án tốt nghiệp Sau ki người dùng đăng nhập Google gửi yêu cầu xác thực tài khoản cấp quyền truy cập số thông tin tài khoản google người dùng Hình 3.2.3 Xác nhận người dùng cho ứng dụng truy cập thông tin tài khoản Xử lý đăng nhập Khi người dùng chấp nhận cho phép sử dụng thông tin tài khoản người dùng tiếp kiểm tra giá trị trả từ google qua đối tương “code” Lấy access token getAccessToken() if(isset($_GET['code'])) { $client->authenticate(); // Authenticate $_SESSION['access_token'] = $client->getAccessToken(); // Lấy access token header('Location: http://' $_SERVER['HTTP_HOST'] $_SERVER['PHP_SELF']); } Sinh viên Nguyễn Văn Phú CTL701 57 Đồ án tốt nghiệp if(isset($_SESSION['access_token'])) { $client->setAccessToken($_SESSION['access_token']);} if ($client->getAccessToken()) { $_SESSION['access_token'] = $client->getAccessToken(); $oauth2->userinfo->get(); $user = try { $user_obj->google_login( $user ); }catch (Exception $e) { $error = $e->getMessage(); } } Tìm kiếm CSDL xem có tài khoản người dùng chưa $query = "SELECT user_id, name, email, created FROM users where email = '$email' and social_id = '$social_id' "; $result = mysqli_query($this->_con, $query); $data = mysqli_fetch_assoc($result); $count = mysqli_num_rows($result); if( $count == 1){ $_SESSION = $data; $_SESSION['logged_in'] = true; return true; Sinh viên Nguyễn Văn Phú CTL701 58 Đồ án tốt nghiệp Nếu chưa thực thêm tài khoản vào CSDL đăng nhập cho người dùng $query = "INSERT INTO users (user_id, name, email, social_id, picture, created) VALUES (NULL, '$name', '$email', '$social_id', '$picture', CURRENT_TIMESTAMP)"; if(mysqli_query($this->_con, $query)); $query = "SELECT user_id, name, email, created FROM users where email = '$email' and social_id = '$social_id' "; $result = mysqli_query($this->_con, $query); $data = mysqli_fetch_assoc($result); $count = mysqli_num_rows($result); if( $count == 1){ $_SESSION = $data; $_SESSION['logged_in'] = true; return true; }else{ throw new Exception( LOGIN_FAIL ); Sinh viên Nguyễn Văn Phú CTL701 59 Đồ án tốt nghiệp Chƣơng HỆ THỐNG THỬ NGHIỆM 4.1Môi trƣơng làm việc Chương trình chạy thử nghiệm mơi trường máy tính nhân u cầu máy tính có kết nối internet Máy tính cài đặt xampp để chạy chương trình mơi trường localhost 4.2Ngơn ngữ thiết kế chƣơng trình PHP MYSQL Xampp 1.8.2 4.3Một sốảnh minh họa Giao diện Trang chủ Sinh viên Nguyễn Văn Phú CTL701 60 Đồ án tốt nghiệp Hình 4.3.1 Giao diện trang chủ web hài vui Hình ảnh cho hộp thoại yêu cầu đăng nhập tài khoản facebook Hình 4.3.2 Hộp thoại đăng nhập tài khoản faceboook Hình ảnh cho yêu cầu xác thực tài khoản cấp phép cho ứng dụng truy cập thông tin tài khoản người dùng Sinh viên Nguyễn Văn Phú CTL701 61 Đồ án tốt nghiệp Hình 4.3.3 Xác nhận người dùng cho ứng dụng truy cập thông tin tài khoản Giao diện cho phép bình luận tài khoản facebook Sinh viên Nguyễn Văn Phú CTL701 62 Đồ án tốt nghiệp Hình 4.3.4 Bình luận tài khoản faceboook Sinh viên Nguyễn Văn Phú CTL701 63 Đồ án tốt nghiệp Kết luận Đồ án tìm hiểu kỹ thuật đăng ký người dùng tài khoản facebook google Qua trình thực đồ án, em tổng hợp lại kiến thức thời gian học Trường Đồng thời, em tìm hiểu nắm quy trình đăng ký người dùng cho website tài khoản facebook google Đồ án làm hầu hết bước để đăng ký người dùng tài khoản facebook google.Nhưng với cịn số khiếm khuyết, giao diện xấu,một số chức cưa hoàn thiện tốt Hướng phát triển đồ án khắc phục khiếm khuyết phát triển ứng dụng cho phép người dùng sử dụng tài khoản có sãn facebook ,google, twitte để tham đăng nhập vào hệ thống Sinh viên Nguyễn Văn Phú CTL701 64 Đồ án tốt nghiệp Tài liệu tham khảo 1) https://developers.google.com/identity/protocols/OAuth2 2) https://developers.facebook.com/docs/facebook-login/login-flow-forweb/v2.1 3) https://developers.facebook.com/docs/php/gettingstarted/4.0.0 4) https://developers.google.com/identity/sign-in/web/ 5) https://developers.facebook.com/docs/javascript/quickstart/v2.3 6) www.W3school.com Sinh viên Nguyễn Văn Phú CTL701 65 ... đề tài: Tìm hiểu kỹ thuật cho phép đăng ký ngời dùng qua tài khoản facebook google nhiệm vụ đề tài Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp a Nội dung: Kỹ thuật xác thực ngời dùng qua. .. dụng đăng nhập người dùng qua tài khoản google facebook mang lại tiện lợi nhanh chóng cho người dùng việc khai nhận thông tin đăng ký tài khoản dài phức tạp Thay vào cần người dùng có tài khoản facebook. .. cứu kỹ thuật cho phép đăng ký người dùng qua tài khoản facebook google việc có ý nghĩa, có tính ứng dụng cao Chính tiện lợi việc dùng đăng nhập tài khoản facebook goolge đồ án nghiên cứu kỹ thật