08-01-2017, Saat: 04:06
Merhaba arkadaşlar ilk defa bir şey paylaşacağım eksikliklerim olursa kusura bakmayın.
Multi-Device uygulaması ile Facebook’a Giriş yapan bir uygulama örneği buldum, biraz Berlin Upt.2 uyarladım. Burada Facebook developer hesabından yeni bir APP oluşturacağız. Daha sonra bu APP Id ile projemizi tamamlayacağız. Sayfa sonunda proje linkini ekleyeceğim. Bu yüzden ekran içeriklerini pek atmayacağım. Daha çok facebook ekranlarını paylaşacağım.
1. Facebook Developer sayfasına giriyoruz. Kullandığınız Facebook bilgileri ile giriş yapın. Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol
Giriş yaptıktan sonra Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol linke veya giriş sayfasında Uygulamalarım’a tıklayın

2. Uygulamarıma girdikten sonra
butonuna tıklıyoruz. Karşımıza gelen penceredeki alanları doldurup, uygulama kodu oluştura tıklıyoruz. Karşımıza gelen güvenlik kodunu girip işlemi tamamlıyoruz. Buradaki bilgileri daha sonra düzenleye bilirsiniz. Ekranda görünen Ekran Adı alanı Facebook login ekranı açıldığında logonuzla(sonra ekleyeceğiz) birlikte ekranda görünen kısmıdır.

3. Projemiz oluşturuldu. Şimdi daha sonradan karşılacağımız : “Bu URL'nin alanı, bu URL'yi yüklemek uygulama ayarlarında uygulama etki alanları alanına tüm alanları ve alt alanları eklemek için uygulama etki dahil değildir.” Bu şekilde tercüme edilen hatayı almamak için. Resim de görüldüğü gibi Facebook Girişi BAŞLA butonuna basıyoruz.

4. Başla dedikten sonra gelen ekran da aşağıdaki gibi seçimleri yapıyoruz.

5. Bir başka alacağınız hata da aşağıdaki id hatası. Bunun 2 nedeni var. 1. Gerçekten Uygulama Kodu nuzu yanlış girmişsinizdir. 2. Uygulamanızı aktif etmemişsinizdir.

6. Bu hatayı almamak için uygulamamızı aktif edelim. Sol Menüden Uygulama İncelemesi ne tıklayıp. Sayfa içerisinde Sarı renkte çizdiğim alanı aktif ediyoruz. Böylelikle uygulamamızı dışarıya açmış oluyoruz.

7. Yukarıdaki resim de görünen “Öğeleri Onay İçin Gönder” bölümünde. Bu uygulamada erişeceğimiz izinleri seçip (örneğin: user_about_me) . Bunları neden kullanmak istediğimizi vs. notlarını ekliyoruz ve Facebooktan onaylamasını talep ediyoruz. Bu şunun için önemli. Eğer Resim de görüldüğü gibi her hangi bir izin talebinde bulunmazsanız. Uygulamanızda login ekranı açıldığında Bu İzinler onaylanmamıştır gibi kırmızı bir yazı çıkıyor o yüzden bu alanları da ekleyip ayarlamak daha iyi olur. Bunları daha sonra yaparım diyorsanız 9. Soruyu atlaya bilirsiniz.
“Bir Gönderim Başlat”a tıklıyoruz. Aşağıda liste geliyor size uygun olanları eklersiniz. Ben 2 tane seçiyorum

8. Seçtiğimiz izinlerden sonra aşağıdaki gibi eklenenler için bazı bilgiler girmeliyiz ve ayarlar yapmalıyız

Yukardaki resmin en altındaki Maddelere bakarak ilk başta bazı uygulama ayarları yapmalıyız. Logo,Platform vs. eklemek gibi. Sol Menüden Ayarlar>Temel tıklıyoruz. “Gizlilik İlkeleri Bağlantısı” ve “Uygulama Simgesi” Alanlarını dolduruyoruz. “Uygulama Simgesi” login ekranında karşımıza çıkacak. Delphican.com yazan “Ekran Adı” alanı. Üstündeki simge de “Uygulama Simgesi” alanı

Doldurulacak Alanlar

[b]Aynı ekranda biraz aşağıda “+ Platform Ekle” tıklayıp, web sitesini seçiyoruz ve orada ilgili siteyi yazıyoruz. Ben örnek olsun diye Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol yazdım. İlgili görüntü aşağıdadır[/b]

9. Bu işlemlerden sonra tekrardan sol menüden “Uygulama İncelemesi” menüsüne tıklıyoruz.
8.sorudaki resimde en altta görünen sorulardan sadece “Complete each of the items above.” Kaldı. Buda hemen üstünde eklediğimiz izinlerin ([b]user_about_me, user_birthday) karşısındaki “Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol” butonları ilgili, bu izinleri neden istediğimizi veya kullanıcının göreği bilgileri doldurup bunu bilgilere eriştiğimiz yerin resmini ekliyoruz. Her 2 si için yaptıktan sonra “Değerlendirmeye Gönder” diye biliriz.[/b]
10. Çok daha fazla uzatmadan. Kaldığımız Yerden devam edelim. Facebook ile ilgili kabataslak ayarlarımızı yaptık şimdi uygulama ID mizi alalım. Sol menüden “Pano” ile veya direk Header da “Uygulama Kodu” nda görünüyor.

Bizim için bu kod önemli. Şimdi bu kodu projemize yazacağız. Ben projeden ekran görüntüsü olarak sadece bu alanı ve Kullanıcı sisteme giriş yaptığında bize dönen JSON verisinin ne olduğu ile ilgili bazı ekranlar koyacağım.
11. İlgili kod aşağıya ekliyoruz. “&Scode” alanında izinleri eklediğimiz referansları yazabiliriz. Detaylı referans listesi için Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol linke bakabilirsiniz.

12. Uygulamamıza giriş yapan kişinin bilgilerini çektiğimiz unit. Burada Facebook Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol ile bilgileri sorgulayacağız.

“Fields=” sarı olarak belirttiğim alanda yazan parametrelere göre bilgi gelmektedir. Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol bu adresten ilgili GRAPH referansları bulabilirsiniz.

Dediğim gibi arkadaşlar projeyi paylacağım oradan incelersiniz olumlu olumsuz yazarsınız. Bu örnek tabiki adam akıllı değil siz prjenize uygularsınız. 1 form dan halledersiniz J
Teşekkürler, herkese güzel hafta sonu dilerim.
Multi-Device uygulaması ile Facebook’a Giriş yapan bir uygulama örneği buldum, biraz Berlin Upt.2 uyarladım. Burada Facebook developer hesabından yeni bir APP oluşturacağız. Daha sonra bu APP Id ile projemizi tamamlayacağız. Sayfa sonunda proje linkini ekleyeceğim. Bu yüzden ekran içeriklerini pek atmayacağım. Daha çok facebook ekranlarını paylaşacağım.
1. Facebook Developer sayfasına giriyoruz. Kullandığınız Facebook bilgileri ile giriş yapın. Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol
Giriş yaptıktan sonra Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol linke veya giriş sayfasında Uygulamalarım’a tıklayın

2. Uygulamarıma girdikten sonra


3. Projemiz oluşturuldu. Şimdi daha sonradan karşılacağımız : “Bu URL'nin alanı, bu URL'yi yüklemek uygulama ayarlarında uygulama etki alanları alanına tüm alanları ve alt alanları eklemek için uygulama etki dahil değildir.” Bu şekilde tercüme edilen hatayı almamak için. Resim de görüldüğü gibi Facebook Girişi BAŞLA butonuna basıyoruz.

4. Başla dedikten sonra gelen ekran da aşağıdaki gibi seçimleri yapıyoruz.

5. Bir başka alacağınız hata da aşağıdaki id hatası. Bunun 2 nedeni var. 1. Gerçekten Uygulama Kodu nuzu yanlış girmişsinizdir. 2. Uygulamanızı aktif etmemişsinizdir.

6. Bu hatayı almamak için uygulamamızı aktif edelim. Sol Menüden Uygulama İncelemesi ne tıklayıp. Sayfa içerisinde Sarı renkte çizdiğim alanı aktif ediyoruz. Böylelikle uygulamamızı dışarıya açmış oluyoruz.

7. Yukarıdaki resim de görünen “Öğeleri Onay İçin Gönder” bölümünde. Bu uygulamada erişeceğimiz izinleri seçip (örneğin: user_about_me) . Bunları neden kullanmak istediğimizi vs. notlarını ekliyoruz ve Facebooktan onaylamasını talep ediyoruz. Bu şunun için önemli. Eğer Resim de görüldüğü gibi her hangi bir izin talebinde bulunmazsanız. Uygulamanızda login ekranı açıldığında Bu İzinler onaylanmamıştır gibi kırmızı bir yazı çıkıyor o yüzden bu alanları da ekleyip ayarlamak daha iyi olur. Bunları daha sonra yaparım diyorsanız 9. Soruyu atlaya bilirsiniz.
“Bir Gönderim Başlat”a tıklıyoruz. Aşağıda liste geliyor size uygun olanları eklersiniz. Ben 2 tane seçiyorum

8. Seçtiğimiz izinlerden sonra aşağıdaki gibi eklenenler için bazı bilgiler girmeliyiz ve ayarlar yapmalıyız

Yukardaki resmin en altındaki Maddelere bakarak ilk başta bazı uygulama ayarları yapmalıyız. Logo,Platform vs. eklemek gibi. Sol Menüden Ayarlar>Temel tıklıyoruz. “Gizlilik İlkeleri Bağlantısı” ve “Uygulama Simgesi” Alanlarını dolduruyoruz. “Uygulama Simgesi” login ekranında karşımıza çıkacak. Delphican.com yazan “Ekran Adı” alanı. Üstündeki simge de “Uygulama Simgesi” alanı

Doldurulacak Alanlar

[b]Aynı ekranda biraz aşağıda “+ Platform Ekle” tıklayıp, web sitesini seçiyoruz ve orada ilgili siteyi yazıyoruz. Ben örnek olsun diye Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol yazdım. İlgili görüntü aşağıdadır[/b]

9. Bu işlemlerden sonra tekrardan sol menüden “Uygulama İncelemesi” menüsüne tıklıyoruz.
8.sorudaki resimde en altta görünen sorulardan sadece “Complete each of the items above.” Kaldı. Buda hemen üstünde eklediğimiz izinlerin ([b]user_about_me, user_birthday) karşısındaki “Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol” butonları ilgili, bu izinleri neden istediğimizi veya kullanıcının göreği bilgileri doldurup bunu bilgilere eriştiğimiz yerin resmini ekliyoruz. Her 2 si için yaptıktan sonra “Değerlendirmeye Gönder” diye biliriz.[/b]
10. Çok daha fazla uzatmadan. Kaldığımız Yerden devam edelim. Facebook ile ilgili kabataslak ayarlarımızı yaptık şimdi uygulama ID mizi alalım. Sol menüden “Pano” ile veya direk Header da “Uygulama Kodu” nda görünüyor.

Bizim için bu kod önemli. Şimdi bu kodu projemize yazacağız. Ben projeden ekran görüntüsü olarak sadece bu alanı ve Kullanıcı sisteme giriş yaptığında bize dönen JSON verisinin ne olduğu ile ilgili bazı ekranlar koyacağım.
11. İlgili kod aşağıya ekliyoruz. “&Scode” alanında izinleri eklediğimiz referansları yazabiliriz. Detaylı referans listesi için Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol linke bakabilirsiniz.

12. Uygulamamıza giriş yapan kişinin bilgilerini çektiğimiz unit. Burada Facebook Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol ile bilgileri sorgulayacağız.

“Fields=” sarı olarak belirttiğim alanda yazan parametrelere göre bilgi gelmektedir. Linkleri Görebilmeniz İçin Giriş yap veya Üye Ol bu adresten ilgili GRAPH referansları bulabilirsiniz.
RESTRequest1.Resource := 'me?fields=name,email,birthday,locale,gender,hometown,link';Giren Kullanıcının, İsteğinden dönen JSON verisi

Dediğim gibi arkadaşlar projeyi paylacağım oradan incelersiniz olumlu olumsuz yazarsınız. Bu örnek tabiki adam akıllı değil siz prjenize uygularsınız. 1 form dan halledersiniz J
Teşekkürler, herkese güzel hafta sonu dilerim.