Prosty cms. Rozdzielenie aplikacji dla klienta oraz admin-a. Vue.js

Question

Witam,

Piszę aktualnie prosty CMS. Za front jest odpowiedzialny Vue.js, a za backend jest odpowiedzialne autorskie Api.

Struktura plików oraz ładowanie zostało zbudowane za pomocą vue-cli.

Jaki jest najlepszy sposób aby rozdzielić aplikację dla klienta oraz aplikację dla admin-a ?

Na razie piszę to jako jedna aplikacja, a rozdziela to routing

Przykładowy routing:

{
            path: '/admin',
            children: [
                {
                    path: 'component',
                    component: () => import('@/admin/layout/AdminLayout'),
                    children: [{
                        path: 'articles',
                        component: () => import('@/admin/component/ComponentLayout'),
                        children: [
                            {
                                path: '',
                                component: () => import('@/admin/component/articles/Articles'),
                                name: 'AdminArticles'
                            },
                            {
                                path: 'component/articles/edit/:id',
                                component: () => import('@/admin/component/articles/EditArticle'),
                                name: 'AdminEditArticle'
                            }
                        ]
                    }]
                }
             ]
}

I to według mnie to nie jest za dobry pomysł pomieszanie tego.

Drugim moim pomysłem jest stworzenie dwóch aplikacji niezależnych od siebie. Ale nie mam pojęcia jak to połączyć.

Dopiero zapoznaje i się uczę Vue.js

Trochę chaotycznie to napisałem, ale mam nadzieję, że wiecie o co chodzi

Answer 1

Hej!

poczytaj troszkę o tym czym są guardy, myślę że może Ci to pomóc w tym do jakich segmentów może dotrzeć admin a do jakich zwykły użytkownik, dodatkowo możesz niektóre elementy i przyciski schować za pomocą vue-if i sprawdzać czy użytkownik jest administratorem.

Pozdrawiam :)

Comments

Tak tak, o tym wiem.

Tylko nie wiem. Czy tworzyć osobna aplikacje, instancję Vue specjalnie dla admina, żeby komponenty, funkcje, routing nie łączyl się z modułami dla frontu

Czy to nie jest przerost formy nad treścią

---

Jest, nie rób dwóch aplikacji bo to nie ma kompletnie sensu :)

---

Dzięki

Teraz jak trochę to przemyślałem, to rzeczywiście to nie ma sensu. To ma być prosty adminpanel a nie zaawansowana aplikacja do obsługi np. sklepu

Najwyżej routing dla admin-a przeniosę do innego pliku

{
            path: '/admin',
            meta: {role: 'admin'},
            children: [
                {
                    path: 'component',
                    component: () => import('@/admin/layout/AdminLayout'),
                    children: [{
                        path: 'articles',
                        component: () => import('@/admin/component/ComponentLayout'),
                        children: [
                            {
                                path: '',
                                component: () => import('@/admin/component/articles/Articles'),
                                name: 'AdminArticles'
                            },
                            {
                                path: 'edit/:id',
                                component: () => import('@/admin/component/articles/EditArticle'),
                                name: 'AdminEditArticle'
                            }
                        ]
                    }]
                }
             ]
}

Jak myślisz w miarę dobrze jest zorganizowany ten routing dla admin-a ? :)

Przy przekierowaniu na jakiś adres będzie sprawdzane, czy któryś z rodziców ma przypisane uprawnienia, role. Jeżeli tak to sprawdzenie tokenu itd ;)

---

Dziwnie wczytujesz componenty, to jest jakiś nuxt?

---

Nie korzystam z nuxt-a