Разверните приложение Vue JS Django с Elasti c Beanstalk - PullRequest
Новая
       4

Разверните приложение Vue JS Django с Elasti c Beanstalk

0 голосов
/ 05 февраля 2020

У меня есть приложение, которое я создал локально, и я готов к его развертыванию, но использование Vue в качестве внешнего интерфейса и Django в качестве внутреннего интерфейса является для меня чем-то новым. Моя текущая структура папок выглядит следующим образом:

-Backend
-Frontend
-Env

Внутренняя папка - это традиционный Django проект с sqlite как БД и веб-интерфейс - это ваш обычный проект Vue, а env - это виртуальная среда

Я даже не знаю, как go узнать об этом или задать вопросы, но я пришел к этому люди разворачивают SPA с AWS Elasti c Beanstalk.

Какой самый простой способ развертывания такого приложения?

1 Ответ

1 голос
/ 05 февраля 2020

Лучший способ, которым мы часто используем

Если вы обращаетесь к своему Django проекту, используя ajax call

1. Создайте сборку вашего проекта

После того, как ваша сборка создана, вам нужно разместить эту сборку на некотором URL-адресе, используя s3 или любой другой предпочтительный хостинг stati c.

Теперь вам нужно развернуть свой Django проект с использованием EB, после развертывания проекта вы получите автоматически сгенерированный URL-адрес

В вашем внешнем проекте вам необходимо установить переменную среды в своей конфигурации, чтобы при каждой сборке Все проекты, которые вы ajax вызываете, будут перенаправлены на автоматически сгенерированный URL-адрес beanstalk elasti c, и всякий раз, когда вы будете работать локально, все ваши вызовы будут перенаправляться на URL-адрес localhost

Приведенный ниже код не является точным, а лишь приблизительным представлением о том, как именно должен выглядеть ваш baseurl 

env.APILINK=env.build? 'beanstalkurl':'localhost'

. Убедитесь, что вы добавили базовый URL-адрес к вашему топору ios или любому другому вызову ajax, как только установите ваш baseurl в зависимости от среды, в которой вы работаете, все вызовы ajax будут перенаправлены соответственно

для среды разработки 

http://localhost/api/getsomedata

для prod envi ronment, который на самом деле является сборкой 

http://beanstalkurl/api/getsomedata
...