Donanım

Draytek Vigor 2860 ile HotSpot Facebook Login

Draytek Vigor Router cihazları arayüzlerindeki User Management menüsü aracılığı ile  kullanıcı adı ve şifre yetkilendirmesi sağlayarak internet erişimi verebiliyor. Yeni versiyon yazılımda (3.8.4_RC2b_STD) eklenen HotSpot Web Portal menüsü ile SMS login desteklenmesinin yanı sıra Facebook ve Google hesapları ile login desteklenmektedir.

Bu makalede Draytek Vigor 2860 cihazını yapılandıracağız ve ortamımızdaki misafir kullanıcılara Facebook hesapları ile internet kullanmalarını sağlayacağız.

Kısaca,

1-     Öncelikle Facebook developer sayfasında bir uygulama oluşturacağız.

2-     Draytek Vigor 2860 cihazımızın arayüzüne oluşturduğumuz uygulamanın bilgilerini gireceğiz.

3-     Misafir ağından bağlanan kullanıcıların oluşturduğunuz HotSpot ekranını gördüğünü ve Facebook hesapları ile internete erişebildiklerini göreceğiz.

Facebook Developer Hesabında Yapılacak İşlemler:

İlk aşamada https://developers.facebook.com/ sayfasına giriyoruz. Developer hesabınız varsa giriş yapınız. Yoksa aşağıdaki aşamalar ile kaydolunuz.

1-     Anasayfadaki “Kaydol” tuşuna tıklayınız.

clip_image002

2-     Facebook hesabınız açıksa aşağıdaki ekran ile karşılaşacaksınız. Açık değilse Facebook Giriş Yapma ekranını göreceksiniz. Hesap bilgileriniz  ile giriş yaptıktan sonra aşağıdaki ekran ile karşılaşacaksınız. Bu ekranda “Kaydol” tuşuna tıklayınız.

clip_image004

3-     Kayıt işleminin tamamlandığına dair bilgilendirme mesajını göreceksiniz.

clip_image006

4-     Sağ üst köşedeki “Uygulamalarım” menüsü altındaki “Add a New App” seçeneğini tıklıyoruz.

clip_image008

5-     Açılan pencereden “İnternet Sitesi” seçeneği ile devam ediyoruz.

clip_image010

6-     Sağ üst köşedeki “Skip and Create App ID” butonunu tıklıyoruz.

clip_image012

 

7-     Yeni Uygulama Kimliği Oluştur ekranını göreceğiz. Burayı kendimize göre yapılandırıp “Uygulama Kodu Oluştur” tuşunu tıklıyoruz. Bu senaryo için Ekran Adı “Çözümpark Draytek 2860 Login”, isim alanı ise “cozumparkdraytek” olarak dolduruldu ve Kategori “Eğitim” olarak seçildi.

clip_image014

8-     Güvenlik kontrolünü geçtikten sonra aşağıdaki ekran ile karşılaşacağız. Bu ekranda soldaki “Ayarlar” menüsü altındaki “Temel” menüsüne tıklıyoruz

clip_image016

9-     Açılan sayfadaki “Platform Ekle” butonunu tıklıyoruz.

clip_image018

10-  Karşımıza gelen “Platform Seç” ekranında “İnternet Sitesi” seçeneğini tıklıyoruz.

clip_image020

11-  Platform seçildikten sonra gelen ekranda “Site URL’si” yazan yere http://portal.draytek.com adresini yazıyoruz ve “Değişiklikleri Kaydet” tuşunu tıklıyoruz.

clip_image022

Not: Eğer Draytek Vigor Router’ınızın http bağlantı portunu 80 portundan farklı bir port yaptıysanız buradaki adresin sonuna o portu da eklemeniz gerekmektedir. Örn http portunuz 8080, adresiniz http://portal.draytek.com:8080 olmalıdır.

 

12-  Soldaki menüden “Ürün Ekle” seçeneğini tıklıyoruz. Gelen ekrandan “Facebook Girişi” karşısındaki “Başla” tuşunu tıklıyoruz.

clip_image024

 

13-  Gelen ekranın alt tarafındaki “Valid OAuth redirect URLs” alanına http://portal.draytek.com adresini yazıyoruz ve “Değişiklikleri Kaydet” butonuna tıklıyoruz.

clip_image026

14-  Soldaki menüden “App Review” altındaki uygulamayı herkesin kullanımına açma tuşunu tıklıyoruz.

clip_image028

15-  Gelen ekrana onay verdikten sonra Facebook developer sayfasındaki işlemlerimiz tamamlanmıştır. Şimdi Draytek Vigor 2860 cihazımızı yapılandırmaya geçelim.

clip_image030

 

Draytek Vigor 2860 Cihazında Yapılacak İşlemler :

1-     Cihazın arayüzüne bağlandıktan sonra soldaki menüden “HotSpot Web Portal” altındaki “Profile Setup” menüsüne tıklayınız.

2-     Ekrana gelen 4 profilden birisini düzenleyerek kullanabilirsiniz. Bu senaryoda 2. Profili düzenliyoruz. Index 2. yi tıklıyoruz.

clip_image032

3-     Gelen sayfada “Enable” kutusunu işaretledikten sonra “Comments” alanına bizim hatırlayacağımız bir isim yazıyoruz ve alttaki seçeneklerden “Social Login” i seçiyoruz.

clip_image034

Not: Bu senaryoda sadece Facebook ile Login işlemi anlatılacağı için sadece Social Login seçilmiştir. SMS ile Login, SMS + Social Login seçeneklerinden kendinize uygun olanı seçerek de devam edebilirsiniz.

4-     Sayfanın alt kısmında yer alan “Login with Facebook” kutusunu seçiniz ve “Save and Next” tuşunu tıklayınız.

clip_image036

5-     Gelen sayfada Hot Spot ekranınızın özelleştirmesi yapılır. Bu senaryo için “Browser Tab Title” alanına sayfanın ismini, “Logo Image” alanına da logomuzu upload ettik ve “Save and Next” ile bir sonraki sayfaya geçiyoruz. Diğer alanları varsayılan hali ile bırakıyoruz. İstenildiği takdirde bu alanlar da düzenlenebilir.

clip_image038

6-     Karşımıza gelen ekrandaki alanları kendimize göre yapılandırıyoruz.

clip_image040

7-     Sayfanın altındaki Facebook APP ID ve Facebook APP Secret alanlarını developer sayfasında oluşturduğumuz uygulamanın bilgileri ile yapılandırdıktan sonra “Save and Next” ile devam ediyoruz.

clip_image042

 

8-     Bir sonraki sayfada karşımıza gelen “Landing Page” alanında kullanıcı login olduktan sonra ne yaptırmak istediğimizi seçiyoruz. Bu senaryoda kullanıcı login olduktan sonra www.cozumpark.com adresine yönlendirilecek. “Configure Applied Interfaces” bu Hot Spot profilinden etkilenecek ağ kartları seçilir. Bu senaryoda LAN1, SSID1 ve SSID2 seçilmiştir.

clip_image044

Not:Landing Page” seçeneğinde “User Requested URL” seçilirse kullanıcı login olmadan önce hangi sayfaya gitmek istediyse o sayfaya yönlendirilir. “Bulletin Message” seçeneği seçilip alttaki mesaj alanı doldurulursa kullanıcıya o mesaj gösterilir.

9-     Tüm işlemlerimiz tamamlandı. Sayfanın altındaki “Finish” butonunu tıklayarak test işlemlerine geçebiliriz.

clip_image046

10-  LAN1’ ağ kartına bağlı ve LAN1 ağından ip almış bir kullanıcı herhangi bir tarayıcıyı açarak bir web sitesine erişmeye çalışır. Bu senaryoda www.cozumpark.com adresine gidilmiştir. Kullanıcın karşısına yapılandırdığımız Hot Spot ekranı gelecektir.

clip_image048

11-  Gelen Hot Spot ekranında “Facebook ile Giriş Yapınız” butonuna tıklanır. Yeni sekmede açılan Facebook Giriş ekranına Facebook hesap bilgileri girilir ve Giriş Yap butonuna basılır.

clip_image050

 

12-  Facebook hesap bilgileri doğruysa “Landing Page” kısmında yapılandırdığımız web sitesi (biz www.cozumpark.com olarak yapılandırmıştık) açılır ve kullanıcı internet kullanımına başlar.

clip_image052

Başka bir makalede görüşmek üzere.

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu