Hướng dẫn dùng gg transliteration trong PHP

Bây giờ việc login mạng xã hội đối với nhu cầu website rất cần thiết, giúp cho người dùng đăng nhập và đăng ký một cách nhanh và hiệu quả, ta cũng thấy rằng các website khác có các chức năng như: Login Google hoặc Facebook,Twitter,...login khác nhiều mạng xã hội

Nay mình chia sẻ mọi người cách Login Google như sau, đầu tiên ta cũng cần cài đặt trên Google API Console, để có được (client ID,client secret)

Sau khi ta có được Client ID và Client secret ta copy nó và lưu lại để hồi khai báo trong login google.

Tiếp tục bạn cần tải bộ thư viện google cung cấp cho ta về có 2 cách để làm điều này, bạn dùng cách nào cũng được!

Cách 1: $ composer require google/apiclient:"^2.0"

Cách 2: https://github.com/googleapis/google-api-php-client/releases

Khi bạn tải thư viện về, bạn giải nén vào project bạn cần dùng là được!

Tạo file define.php in project 

Ở bên trên mình cài đặt file define.phpđể giúp chúng ta thuận lợi khi gọi chúng, bạn copy các Client ID và Clien Secret vào file define.php 

Tạo file redirect-google.php trong project của ta như sau:

setClientId(GOOGLE_APP_ID);
    $client->setClientSecret(GOOGLE_APP_SECRET);
    $client->setRedirectUri(GOOGLE_APP_CALLBACK_URL);
    $client->addScope("email");
    $client->addScope("profile");
   
    if (isset($_GET['code'])) {
        $token = $client->fetchAccessTokenWithAuthCode($_GET['code']);
       // print_r($token);
        $client->setAccessToken($token['access_token']);

        // get profile info
        $google_oauth = new Google_Service_Oauth2($client);
        $google_account_info = $google_oauth->userinfo->get();
        $email =  $google_account_info->email;
        $name =  $google_account_info->name;
       // print_r($google_account_info);
       /**
        * CHECK EMAIL AND NAME IN DATABASE
        */
        $check = "SELECT * FROM `users` WHERE `email`='".$email."' and `name`='".$name."'";
        $result = mysqli_query($conn,$sql);
        $rowcount=mysqli_num_rows($result);
        if($rowcount>0){
            /**
             * USER EXITS
             */
            header('location:home');
        }
        else{
            /**
             * INSERT USER TO DATABASE
             * AFTER INSERT, YOU CAN HEADER TO HOME
             */

        }
       
    } else {
        /**
         * IF YOU DON'T LOGIN GOOGLE
         * YOU CAN SEEN AGAIN GOOGLE_APP_ID, GOOGLE_APP_SECRET, GOOGLE_APP_CALLBACK_URL
         */
        echo "Google Login";
    }

Vậy là xong, giờ ta có thể test thử xem coi nó chạy sao, bạn chỉ cần gõ http://localhost/LoginGoogle/redirect-google.php là được

Các bạn nếu gặp lỗi thì xem lại phần Client ID và Client Secret, Link Callback đúng chưa nghe! Chúc các bạn thành công!

Google Translate button có thể xem như là một API được hỗ trợ bởi Google, cũng giống như Google Map, Google Translate cũng có thể được tích hợp vào website để dịch trang web đó sang nhiều thứ tiếng khác nhau.

Bài viết này được đăng tại freetuts.net, không được copy dưới mọi hình thức.

Trong bài viết này mình sẽ hướng dẫn các bạn tích hợp Google Translate vào website của bạn. 

1. Xây dựng giao diện

Đầu tiên là xây dựng giao diện, các bạn tạo file index.html và tạo các thành phần của trang với đoạn mã sau:

Code

    
Freetus.net hướng dẫn tích hợp google translate

    
Chọn ngôn ngữ muốn hiển thị!
    

    
    
Nội dung trang web
    

        Freetuts.net là một blog cá nhân được xây dựng với mục đích chia sẻ 
        kiến thức về lập trình web nói chung và lập trình nói riêng. Blog được
        ra đời vào tháng 4 năm 2014 bởi cá nhân Cường, một lập trình viên tự 
        do và hiện nay đã về quê để sống một cuộc sống tự do, không bị gò bó
        bởi công nghệ và máy tính.
    

Ở đây mình sẽ tạo một thẻ div có id="translate_select" để chứa thẻ select chọn các ngôn ngữ.

Bài viết này được đăng tại [free tuts .net]

OK giờ các bạn thêm phần mã CSS sau vào bên trong thẻ style nhé:

.container{
    width: 500px;
    margin: auto;
    font-size: 18px;
}

Nó rất đơn giản, mình muốn thêm vào để nội dung được hiển thị rõ hơn nếu không thích các bạn có thể bỏ qua bước thêm CSS này.

2. Tích hợp Google Translate

Trong bước này, chúng ta sẽ tiến hành tích hợp google translate vào cho trang, đầu tiên các bạn kéo vào trang file javascript của google cung cấp bằng đoạn mã sau:

Code

Bạn có thể đặt nó ở bất cứ đâu, ở đây mình sẽ đặt nó sau thẻ body.

Tiếp đến các bạn thêm đoạn mã script dưới đây vào sau đoạn mã vừa rồi để mở một hộp chọn ngôn ngữ của google translate:

Các bạn lưu ý tham số thứ 2 chính là id của thẻ div để chứa bộ select để chọn ngôn ngữ, nếu ở phần xây dựng giao diện bạn có thay đổi id của thẻ div thì ở đây các bạn cũng phải đổi giống như thế nhé!

Vậy là xong rồi, giờ các bạn chạy thử file index.html để xem thành quả nhé.

3. Lời kết

Qua ví dụ đơn giản trong bài viết này, mình đã hướng dẫn các bạn tích hợp Google Translate button vào website. Hi vọng nó sẽ giúp các bạn có thêm lựa chọn cho website đa ngôn ngữ. Tuy nhiên mình không khuyến khích các bạn sử dụng Google Translate button để xây dựng website đa ngôn ngữ vì dù sao nó cũng là dịch tự động, mà ngôn ngữ thì tùy từng hoàn cảnh sẽ có các nghĩa khác nhau.

Nếu có bất cứ thắc mắc nào các bạn có thể để lại trong phần bình luận, hẹn gặp lại các bạn trong các bài viết tiếp theo trên freetuts.net.

Tham khảo: w3schools.com