Bina aplikasi satu halaman dengan Go dan Vue

Artikel ini, yang asalnya diterbitkan di blog pemaju Okta, menunjukkan membina aplikasi yang selamat, satu halaman (SPA) menggunakan vue.js dan go backend. Ia memanfaatkan okta untuk pengesahan dan mongoDB untuk kegigihan data. Spa membolehkan pengguna mencari GitHub untuk projek sumber terbuka, kegemaran mereka, dan menambah nota.

SPAS menawarkan pengalaman pengguna yang dipertingkatkan dengan interaksi yang kaya dan maklum balas yang cepat. Walau bagaimanapun, mereka memberikan cabaran frontend di kawasan seperti pengesahan dan pengurusan negeri. Vue.js memudahkan proses ini.

vue.js sorotan:

lengkung pembelajaran yang mudah dan penggunaan tambahan.
• Menyelaraskan persediaan projek. vue-cli
Sokongan Komuniti yang Kuat.
Senibina berasaskan komponen yang fleksibel.

Senibina Aplikasi:

Tutorial mencipta frontend vue.js dengan VUEX untuk pengurusan negeri, vuetify untuk komponen reka bentuk bahan, dan VUE Router untuk navigasi. GO Backend menyediakan API REST dan menggunakan Okta's Go JWT Verifier untuk Pengesahan Selamat melalui JSON Web Tokens (JWTS) dan OpenID Connect (OIDC). MongoDB menyimpan data aplikasi.

Persediaan Projek:

1. Struktur direktori: Projek ini dianjurkan dengan go backend dan vue.js frontend dalam direktori projek yang sama. perancah permohonan vue.js. vue-cli
2. Vuetify Integration: Vuetify ditambah untuk meningkatkan UI dengan komponen reka bentuk bahan.
3. Pengesahan Okta: Akaun pemaju Okta percuma digunakan untuk membuat aplikasi OIDC, menyediakan pengesahan dan pengurusan pengguna yang selamat. The Okta Vue SDK memudahkan integrasi.

Routing and Components:

Aplikasi ini mentakrifkan laluan untuk log masuk, papan pemuka utama (

), dan butiran projek individu (

). Pengesahan dikuatkuasakan menggunakan okta /me. Komponen Mengendalikan Interaksi Pengguna, Paparan Data, dan Komunikasi dengan GO Backend. /repo/:id authRedirectGuard

GO BACKEND:

GO Backend menggunakan MongoDB untuk kegigihan data. A struct mewakili projek yang disukai. Lapisan

mengendalikan logik perniagaan, berinteraksi dengan repositori. Pengendali HTTP Mengurus Permintaan API, menggunakan middleware JWT Verifier OKTA untuk pengesahan.

kudo Service menjalankan aplikasi:

A memudahkan proses membina dan menjalankan, menggunakan Docker yang dikarang untuk menguruskan MongoDB. Makefile

pembelajaran selanjutnya:

Artikel ini disimpulkan dengan pautan ke sumber tambahan di Vue.js dan pergi, termasuk tutorial Okta mengenai PWAS dan pengesahan.

Versi yang ditulis semula ini mengekalkan makna kandungan asal sambil meningkatkan kebolehbacaan dan aliran, menggunakan lebih banyak bahasa ringkas dan tajuk seksyen yang lebih jelas. Imej kekal dalam format dan kedudukan asalnya.

Atas ialah kandungan terperinci Bina aplikasi satu halaman dengan Go dan Vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!