Công cụ thành viên

Công cụ trang web


nukeviet4:admin:users:oauth

Khác biệt

Đây là những khác biệt giữa hai phiên bản của trang.

Liên kết đến bản xem so sánh này

Phiên bản trước của cả hai bênPhiên bản trước
Phiên bản sau
Phiên bản trước
nukeviet4:admin:users:oauth [2015/06/17 15:30] – [1) Cấu hình với Oauth Google] thinhvnnukeviet4:admin:users:oauth [2018/04/05 14:34] (hiện tại) – [2) Cấu hình với Oauth FaceBook] volong1012
Dòng 8: Dòng 8:
 Obtain OAuth 2.0 credentials Obtain OAuth 2.0 credentials
  
-Bước 1: click vào link [[https://console.developers.google.com/project|Google Developers Console]]+**Bước 1:** click vào link [[https://console.developers.google.com/project|Google Developers Console]]
  
-Bước 2: click vào "Create Project" để tạo 1 project mới+**Bước 2:** click vào "Create Project" để tạo 1 project mới
  
-Bước 3: sau khi tạo xong nó sẽ tự động chuyển qua url: https://console.developers.google.com/project/mangvncom-965?authuser=0 hoặc click bằng tay vào project đó. Tìm đếm mục "APIs & auth"+**Bước 3:** sau khi tạo xong nó sẽ tự động chuyển qua url: https://console.developers.google.com/project/mangvncom-965?authuser=0 hoặc click bằng tay vào project đó. Tìm đếm mục "APIs & auth"
  
-Bước 4: Click vào APIs thuộc mục "APIs & auth". Tiếp theo tìm đến "Social APIs" và click vào "Google+ API", sau đó click vào "Enable API" để bật API+**Bước 4:** Click vào APIs thuộc mục "APIs & auth". Tiếp theo tìm đến "Social APIs" và click vào "Google+ API", sau đó click vào "Enable API" để bật API
  
-Bước 5: Click chọn "Credentials" bên dưới mục APIs của mục lớn "APIs & auth"+**Bước 5:** Click chọn "Credentials" bên dưới mục APIs của mục lớn "APIs & auth"
  
-Bước 6: Click chọn "Create new Client ID" thuộc mục "OAuth"+**Bước 6:** Click chọn "Create new Client ID" thuộc mục "OAuth"
  
-Bước 7: chọn "Web application" và tiến hành click "Configure consent screen" +**Bước 7:** chọn "Web application" và tiến hành click "Configure consent screen" 
  
-Bước 8: Điền đầy đủ thông tin chỗ nào ghi là url thì điền đầy đủ+**Bước 8:** Điền đầy đủ thông tin chỗ nào ghi là url thì điền đầy đủ
  
-Ví dụ khai báo tại google cho site http://demo.nukeviet.vn+<code>Ví dụ khai báo tại google cho site http://demo.nukeviet.vn
  
 Product name: tên gì bạn tự đặt Product name: tên gì bạn tự đặt
Dòng 32: Dòng 32:
 Authorized redirect URIs : http://demo.nukeviet.vn/index.php?language=vi&nv=users&op=oauth&server=google Authorized redirect URIs : http://demo.nukeviet.vn/index.php?language=vi&nv=users&op=oauth&server=google
  
-Lưu ý, các thông tin khác có thì điền luôn như Google Plus ( Google+ page ID )+Lưu ý, các thông tin khác có thì điền luôn như Google Plus ( Google+ page ID )</code>
  
-Bước 9: Sau khi có được thông tin gồm App ID/API Key ( Client ID ) và mã bí mật ( Client secret ) (http://demo.nukeviet.vn/admin/index.php?language=vi&nv=users&op=config&oauth_config=google) thì truy cập vào website tìm đến cấu hình của module user. Tìm đến "Các nhà cung cấp Oauth, OpenID được chấp nhận" và tích vào ô "oauth google".+**Bước 9:** Sau khi có được thông tin gồm App ID/API Key ( Client ID ) và mã bí mật ( Client secret ) (http://demo.nukeviet.vn/admin/index.php?language=vi&nv=users&op=config&oauth_config=google) thì truy cập vào website tìm đến cấu hình của module user. Tìm đến "Các nhà cung cấp Oauth, OpenID được chấp nhận" và tích vào ô "oauth google".
  
 <code>Ví dụ: 95005052-kou7g15jsb1tq2kipixxxxxrvqmje5nc.apps.googleusercontent.com <code>Ví dụ: 95005052-kou7g15jsb1tq2kipixxxxxrvqmje5nc.apps.googleusercontent.com
Dòng 40: Dòng 40:
 Mã Bí Mật: Tưng ứng với Client secret do google tạo ra ví dụ: mUScXa7FVgfsxxxxxLAnIs9x</code> Mã Bí Mật: Tưng ứng với Client secret do google tạo ra ví dụ: mUScXa7FVgfsxxxxxLAnIs9x</code>
  
-Bước 10: click vào "oauth google" (vì có đường link để vào trang trong). Tại đây có 2 form App ID/API Key và mã bí mật, bạn lấy thông tin ở bước trên rồi paste vào 2 form thông tin đó. Tiến theo click vào "save" để lưu+**Bước 10:** click vào "oauth google" (vì có đường link để vào trang trong). Tại đây có 2 form App ID/API Key và mã bí mật, bạn lấy thông tin ở bước trên rồi paste vào 2 form thông tin đó. Tiến theo click vào "save" để lưu
  
-Bước 11: Bạn thoát khỏi quản trị và vào trang chính click biểu tượng google ở block login hoặc phần đăng nhập của module user để kiểm tra. Nếu nó chuyển qua google bắt đăng nhập thì được. còn nếu báo lỗi thì bạn kiểm tra lại theo các bước trên.+**Bước 11:** Bạn thoát khỏi quản trị và vào trang chính click biểu tượng google ở block login hoặc phần đăng nhập của module user để kiểm tra. Nếu nó chuyển qua google bắt đăng nhập thì được. còn nếu báo lỗi thì bạn kiểm tra lại theo các bước trên.
  
  
Dòng 48: Dòng 48:
 ===== 2) Cấu hình với Oauth FaceBook ===== ===== 2) Cấu hình với Oauth FaceBook =====
  
-Bước 1: Tạo một Facebook App và Setting+**Bước 1:** Tạo một Facebook App và Setting 
 + 
 +Xem bài : [[nukeviet:admin:news:facebookapi|Quản trị phần comment facebook trên mã nguồn mở NukeViet]]
  
 Tạo 1 app mới tại Facebook App Dashboard và điền các thông tin cơ bản: Tạo 1 app mới tại Facebook App Dashboard và điền các thông tin cơ bản:
Dòng 55: Dòng 57:
  
  
-Bước 2: Lấy thông số App ID, App Secret+**Bước 2:** Lấy thông số App ID, App Secret
  
 Vào trang: https://developers.facebook.com/apps/ Vào trang: https://developers.facebook.com/apps/
Dòng 63: Dòng 65:
 Click vào nút Show tại phần App Secret, điền mật khẩu của Face để hiển thị lên App Secret Click vào nút Show tại phần App Secret, điền mật khẩu của Face để hiển thị lên App Secret
  
-Khai báo lại đoạn: Setup the credentials for the requests+**Bước 3:** Sau khi có được thông tin gồm App ID và App Secret thì truy cập vào website tìm đến cấu hình của module user. Tìm đến “Các nhà cung cấp Oauth, OpenID được chấp nhận” và tích vào ô “oauth facebook”. 
 + 
 +Ví dụ:  
 + 
 +<code>App ID:  1014398235245922 
 + 
 +App Secret: d7f6ad5e361d26ab097a3b72df4fb684</code> 
 + 
 +**Bước 4:** Từ menu trái => Sản phẩm => Đăng nhập Facebook => Cài đặt => Cài đặt OAuth ứng dụng 
 + 
 +Cấu hình "URI chuyển hướng OAuth hợp lệ" với giá trị: https://my_domain.com/index.php?language=vi&nv=users&op=oauth&server=facebook 
 + 
 +**Bước 5:** click vào “oauth facebook” (vì có đường link để vào trang trong). Tại đây có 2 form App ID/API Key và mã bí mật, bạn lấy thông tin ở bước trên rồi paste vào 2 form thông tin đó. Tiến theo click vào “save” để lưu 
 + 
 +**Bước 6:** Bạn thoát khỏi quản trị và vào trang chính click biểu tượng facebook ở block login hoặc phần đăng nhập của module user để kiểm tra. Nếu nó chuyển qua facebook bắt đăng nhập thì được. còn nếu báo lỗi thì bạn kiểm tra lại theo các bước trên. 
 +  
 + 
 +**Nếu bạn đăng khai báo không được, cần chú ý các mục sau:** 
 +  - Domain trong cấu hình đầu tiên của app đúng chưa. 
 +  - Đã nhập email vào chưa. (Menu Setting: App domain (1), Contact email (2)) 
 +  - Đã bật app lên chưa hay nó vẫn ở chế độ test. (Menu Status & Review, chọn Yes chỗ khu vực Do you want to make this app and all its live features available to the general public?) 
 +  - Đã thêm phần website vào chưa. (Menu Setting, Add platform, tìm thêm website của bạn vào) 
 + 
 + 
 + 
 +Tham khảo: http://mynukeviet.net/tai-lieu/module-he-thong/cau-hinh-dang-nhap-oauth-facebook-trong-nukeviet-4.html 
 + 
 +**Chú ý: Hiện nay website đăng nhập bắt buộc phải chạy https và phải bật ứng dụng lên thì đăng nhập bằng facebook mới hoạt động, website sử dụng http sẽ ko đăng nhập được** 
 + 
nukeviet4/admin/users/oauth.1434529853.txt.gz · Sửa đổi lần cuối: 2015/06/17 15:30 bởi thinhvn