Как с помощью SPA мы создали административную панель для любых языков программирования

Денис Кильдишев (Jet Admin) @ Moscow Python Meetup 66
"В докладе я расскажу об истории создания административной панели Jet Admin, вывода ее на Github и получении 2000 «звезд». Мы определимся, зачем нужна административная панель, работающая по SaaS, а также как переезд на SPA позволил нам создать универсальную «админку» для любых языков программирования без доступа к личным данным пользователей. В конце выступления поделюсь информацией о созданном фреймворке для UI-кастомизации — универсальном конструкторе по созданию собственных интерфейсов".

Видео: http://www.moscowpython.ru/meetup/66/spa-for-admin-console/

Transcript

1. Как с помощью SPA мы создали административную
   панель для любых языков программирования
   Денис Кильдишев
   jetadmin.io
   

   View Slide

2. Backend as a Service
   
   Что? Как? Зачем?
   Обо мне и компании
   Geex Arts
   
   Digital Агентство
   • креативный дизайн и разработка
   сайтов, мобильных приложений
   
   • победители международных
   конкурсов Awwwards, FWA и др.
   • Python
   
   • JavaScript/TypeScript
   
   • член жури Awwwards
   Денис Кильдишев
   
   CТО
   Jet Admin
   
   Admin Panel Framework
   2
   

   View Slide

3. Django JET - Предшественник
   
   https://github.com/geex-arts/django-jet
   • Обновленный дизайн
   • Адаптивная верстка
   • Dashboard
   • Улучшения UX
   3
   

   View Slide

4. Django JET – Promotion
   
   • Reddit
   • Python/Django Awesome
   • Djangopackages
   • SEO
   4
   

   View Slide

5. Django JET – Проблемы
   Проблемы подхода с переопределением
   • изменения структуры шаблонов
   
   • изменения django api
   
   • совместимость с 3rd party
   
   Проблемы Django Admin
   • плохо реализована кастомизация
   
   • для простых визуальных правок требуется разработчик
   
   • сложные динамические интерфейсы проще делать на SPA
   
   • неудобно переиспользовать фичи
   
   Другие: финансовая мотивация, сужение аудитории
   5
   

   View Slide

6. Backoffice as a Service
   
   Собственное решение
   Saas
   6
   

   View Slide

7. Архитектура SaaS Backoffice
   7
   

   View Slide

8. Мифы SaaS Backoffice
   • Миф №1 – Это небезопасно
   
   • Миф №2 – Это ненадежно
   
   • Миф №3 – Это не расширяемо
   8
   

   View Slide

9. Миф №3 – Это не расширяемо
   «nj
   Custom Action
   9
   

   View Slide

10. Миф №3 – Это не расширяемо
    «nj
    Custom View
    10
    

    View Slide

11. Миф №3 – Это не расширяемо
    «nj
    Custom Field
    11
    

    View Slide

12. Преимущества – Универсальность
    12
    

    View Slide

13. Преимущества – Визуальный конструктор
    13
    

    View Slide

14. Ещё больше Преимуществ
    • Переиспользуемость
    
    • Нет зависимости от Django Admin
    
    • Все проекты в одном месте
    
    • Простой деплой
    14
    

    View Slide

15. Backend as a Service – по итогу
    • Без доступа к вашим данным
    
    • Работает с любыми языками
    
    • Визуальный редактор
    
    • Можно дописывать свои

    Views, Actions, Fields
    15
    

    View Slide

16. Денис Кильдишев
    
    d.kildishev
    
    @dkildishev
    
    jetadmin.io
    
    Facebook:
    
    Telegram:
    
    Website:
    
    The Ultimate Back Office Solution
    

    View Slide