Genelde akış aşağı yukarı şöyle olmalı:
- Kullanıcı login linkine tıklar
- Kullanıcı kimliğini doğrulamak üzere Google'a yönlendirilir
- Google doğrulanan kullanıcı bilgisi ile verdiğimiz URL'e yönlendirme yapar.
- Uygulamada kullanıcı kayıt ya da giriş işlemleri tamamlanır.
Biz işi basitleştirmek için kullanıcının login linkine tıkladığını varsayacak ve doğrudan http://localhost:3000/auth adresine gideceğiz. Kullanıcı kayıt/giriş işlemi yapmak yerine de Google'dan aldığımız e-posta ve isim bilgisini ekranda göstereceğiz.
Öncelikle Google Developer Console'unda yeni bir proje oluşturmamız ve uygulamamız için Oauth kimlik bilgilerini almamız gerekiyor. Bunun için elbette bir de Google hesabınız olmalı. https://console.developers.google.com/apis/dashboard adresinden giriş yapıp yeni bir proje oluşturalım.
New Project linkine tıkladıktan sonra projeye isim verip create diyelim.
Sonra sol menüden Credentials linkine tıklayalım. Önce "+ Create Credentials" linkine sonra da OAuth client ID linkine tıklayalım. Aşağıdaki ekran görüntüsündeki bilgileri girip, create butonuna basalım.
Oluşan kimlik bilgileri ile ilgili bir popup göreceksiniz. Burada size verilen Client ID ve Client Secret bilgilerini bir yere kaydedin. Google ile işimiz şimdilik bu kadar. Artık Node projemizi hazırlamaya başlayabiliriz.
Terminalde sırayla aşağıdaki komutları çalıştırarak projemizi hazırlayalım.
Tüm komutlar tamamlandıktan sonra package.json dosyasını açıp scripts kısmına "start": "node index.js" satırını ekleyelim.
Package.json dosyası aşağıdaki gibi olmalı.
Google'dan aldığımız kimlik bilgilerini tutacağımız bir .env dosyası oluşturalım XXXXX yazan yerleri kendi bilgilerinizle değiştirmelisiniz.
Gerçek bir uygulamada kullanıcı kayıtları makul bir yerde (örneğin bir veritabanında) tutulmalı, kullanıcılar oturum açtığında bu oturum bilgisi takip edilmeli. Ancak biz bu örnekte o detaylara girmeyecek, kullanıcı bilgisini bir User.js sınıfı ile tanımlayıp, session isimli bir js array'inde tutacağız. User sınıfını ve uygulamanın index dosyasını aşağıda görebilirsiniz.
Terminalden "npm start" ile projeyi çalıştırdıktan sonra tarayıcınızda "http://localhost:3000/auth" adresine giderseniz, öncelikle Google'a yönlendirilecek, izin vermeniz halinde de uygulamaya geri yönlendirileceksiniz. Her şey yolunda giderse profil sayfasında adınızı ve e-posta adresinizi görmelisiniz. :)
Esen kalın.