Bạn sẽ nhận nút hủy kết nối được gắn thương hiệu ở đâu?

Question

Tôi thiết lập trang web của mình để sử dụng google+signin.

Đối với google login cung cấp một ít nhiều tốt đẹp, nút dịch để đăng nhập

Mã

<span id="signinButton"> 
    <span 
    class="g-signin" 
    data-callback="signinCallback" 
    data-clientid="CLIENT_ID" 
    data-cookiepolicy="single_host_origin" 
    data-requestvisibleactions="http://schemas.google.com/AddActivity" 
    data-scope="https://www.googleapis.com/auth/plus.login"> 
    </span> 
</span> 

được expandet để:.

Để thực hiện theo googles chính sách dành cho nhà phát triển, ứng dụng phải cung cấp cách xóa liên kết giữa ứng dụng và tài khoản của bạn. (From: google account logout and redirect)

Thực hiện dễ dàng, nhưng theo như tôi hiểu thì Google không cung cấp nút ngắt kết nối (kiểu/desigend). Hay tôi đã bỏ lỡ nó? Nó trông giống như nút đăng nhập.

Answer 1

Để tuân thủ chính sách, bạn phải cung cấp cách để người dùng thu hồi quyền truy cập của ứng dụng vào thông tin và tài khoản của họ. Điều này khác với đăng xuất.

Xem how to provide that disconnection and revoking of access

Sau khi ngắt kết nối của người dùng, sau đó bạn sẽ thực hiện các bước làm sạch theo yêu cầu của các điều khoản.

Đây là một ví dụ sử dụng jQuery từ tài liệu. Nó giả định rằng bạn được lưu trữ thẻ truy cập của bạn trong biến toàn cầu access_token:

<script type="text/javascript"> 
function disconnectUser(access_token) { 
    var revokeUrl = 'https://accounts.google.com/o/oauth2/revoke?token=' + 
     access_token; 

    // Perform an asynchronous GET request. 
    $.ajax({ 
    type: 'GET', 
    url: revokeUrl, 
    async: false, 
    contentType: "application/json", 
    dataType: 'jsonp', 
    success: function(nullResponse) { 
     // Do something now that user is disconnected 

     // Start account clean up 
    }, 
    error: function(e) { 
     // Handle the error 
     // console.log(e); 
     // You could point users to manually disconnect if unsuccessful 
     // https://plus.google.com/apps 
    } 
    }); 
} 
// Could trigger the disconnect on a button click 
$('#revokeButton').click(disconnectUser); 
</script> 
<button id="revokeButton">Disconnect</button> 

Edit:

Nếu bạn muốn nguồn lực để hỗ trợ việc tùy biến giao diện của một nút ngắt kết nối để phù hợp với các nhìn vào nút đăng nhập, bạn có thể sử dụng các tài nguyên được cung cấp trên trang Google+ Platform branding guidelines. Trên trang đó, bạn có thể tải xuống các tệp nguồn PhotoShop mà bạn có thể sử dụng để tạo nút ngắt kết nối cho trang web của mình. Bạn sẽ cần thực hiện theo các hướng dẫn trên trang đó để tuân thủ nguyên tắc xây dựng thương hiệu.

Cách các trang web chọn cung cấp tùy chọn ngắt kết nối tùy thuộc vào nhà thiết kế. Một trang web có thể thích một liên kết ngắt kết nối và một trang khác để sử dụng một nút, thiết kế tùy thuộc vào bạn.

Answer 2

FYI ngay cả khi quy tắc của họ cho biết bạn phải cung cấp cách để người dùng thu hồi quyền truy cập, điều đó không bắt buộc bạn làm cho người dùng dễ dàng thực hiện việc đó. Hầu hết các trang web có xu hướng bỏ đi khả năng ngắt kết nối trong menu cài đặt người dùng ở đâu đó, giữ nó dưới dạng liên kết văn bản. Bạn thực sự không muốn người dùng ngắt kết nối và rời khỏi mãi mãi một cách dễ dàng.

Nếu bạn vẫn cong trên có nút tuy nhiên, có một cái nhìn vào đây để một giải pháp CSS https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

Customize khi cần thiết. Chúc may mắn!