Özgür Yazılım Kış Kampı 2020 Günlükleri #5

Kampın son gününün ilk oturumunda Vue.js uygulamamızı Laravel ile hazırladığımız API uçlarıyla haberleşerek çalışır hâle getirdik. API üzerinden alınabilecek tüm aksiyonları Vue.js uygulamamızın arayüzünden tetikledik. Axios istemcisiyle HTTP isteklerimizi yapıp aldığımız dönüşlerle Vue.js bileşenleri içerisinde veri yönetimi, olay yakalama, token ile oturum yönetimi gibi konuların üstünden geçtik. Axios yapılandırmalarını global olarak düzenleyerek oturumu tamamladık.

Öğle oturumunda tek bir dosya içerisinde yazdığımız uygulamayı bileşenlere böldük. Bileşenler arasındaki veri transferini sağlamak için önce emit ve props yapısını, daha sonra ise bunları daha pratik bir şekilde yapmamızı sağlayan durum yönetim aracı Vuex’i inceledik. Uygulamamızı Vuex’e adapte etmemizin ardından Vue.js’in rota yönetim aracı olan Vue Router ile bileşenlerimiz arasındaki geçişleri sağladık. Guard özelliklerini kullanarak üyelere özel alanlara anonim girişleri engelledik.

17.00'i biraz geçerken dersi bitirdik. Daha sonra haberleşmek için Telegram grubumuzu kurduk. Uğur Arıcı’dan katılım belgelerimizi alıp fotoğraflar çektirdikten sonra bir kamp macerasının daha sonuna geldik. Bir gün daha Eskişehir’deyim. Yarın akşam bu saatlerde İstanbul’a doğru yola çıkmış olacağım. O yüzen yazacağım son bir günlük daha var.

Kaynaklar

https://vuejs.org/v2/guide/instance.html
https://vuex.vuejs.org
https://github.com/axios/axios#request-config
https://router.vuejs.org/
https://github.com/kuitos/axios-extensions