Легко создавайте приложение для интернет-магазина на основе SpringBoot + Vue.

задняя часть Serverless

Введение

Во-первых, давайте представим некоторые из наиболее важных понятий, которые появляются в этой статье:

Функция вычислений: Function Compute — это служба, управляемая событиями. С помощью Function Compute пользователям не нужно управлять сервером и другими условиями работы, а нужно только писать код и загружать. Function Compute подготавливает вычислительные ресурсы и запускает пользовательский код эластично масштабируемым образом, а пользователи платят только за ресурсы, потребляемые фактически выполняющимся кодом. Функция Вычислить больше информацииСсылаться на.Fun: Fun — это инструмент для поддержки бессерверного развертывания приложений, который может помочь вам легко управлять такими ресурсами, как вычисление функций, шлюз API, служба журналов и т. д. Он помогает вам в разработке, сборке и развертывании с помощью файла конфигурации ресурсов (template.yml). Больше документации для FunСсылаться на.litemallЭто система торгового центра, разработанная на основе Spring Boot, Vue, апплета WeChat и других технологий. Он включает в себя серверную часть Spring Boot + интерфейс администратора Vue + интерфейс пользователя апплета WeChat + мобильный интерфейс Vue mall. БолееСсылаться на.

В этой статье показано, какПриложение торгового центраТри компонента: серверная часть Spring Boot, интерфейс администратора Vue и мобильная часть торгового центра Vue перенесены вфункциональные вычисления.

Ниже приведена демонстрация эффекта примера, который был применен к вычислению функций.

Демонстрация эффекта

Демонстрация управления фоновыми эффектами

Открытьlitemall.mofangdegisn.cnПоказать целевую страницу:

Для входа используйте учетную запись по умолчанию. После завершения он попадет на страницу управления фоном:

Вы можете добавить категории продуктов, перечисленные продукты, управление пользователями, управление системой и т. д. на странице фонового управления.

Демонстрация эффекта мобильного светового центра

Используйте свой телефон, чтобы открыть URLГорит Мэрилин. Имитация возможностей ГИС. aptitude/v UE/index. Также…, вы можете открыть торговый центр:

Вы можете просматривать товары в легком торговом центре и добавлять понравившиеся товары в корзину (оплата в настоящее время не поддерживается):

Диаграмма архитектуры

Развертывание проекта

Готов к работе

  1. Получить основную информацию от Алиюн:accountId можно получить изНастройки безопасностиДоступ к странице, ак информация может быть получена отУправление информацией о безопасностистраница получить.
  2. Скачайте Fun-инструмент:мы будем использоватьFunИнструмент завершает развертывание проекта. Здесь рекомендуется загрузить бинарную исполняемую программу напрямую.
  3. Настройте инструмент Fun:После завершения загрузки выполните fun config, чтобы настроить aliyun accountId, ak, регион и другую информацию. Если доменное имя не указано, здесь можно выбрать для региона только зарубежные кластеры. Если доменное имя уже есть в файле, ограничений нет.
  4. доменное имя:такой, как тот, который используется в этомlitemall.mofangdegisn.cnдоменное имя. Добавьте разрешение доменного имени CNAME в консоли, где находится доменное имя, заполните значение записи как 1911504709953557.cn-hangzhou.fc.aliyuncs.com, затем замените здесь 1911504709953557 на свой идентификатор учетной записи, а cn-hangzhou на свой собственный конфигурации в области предыдущего шага.
  5. MySQL:Это может быть база данных MYSQL, созданная вами самостоятельно, или вы можете использовать базу данных aliyun RDS и подготовить имя пользователя и пароль MYSQL. Если это просто демонстрационный пример, вы можете установить белый список rds на 0.0.0.0/0 и подать заявку на внешний сетевой адрес.Если это не пример сценария, вам необходимо настроить доступ VPC для вычислений функций.Вы можете обратиться кучебник здесьНастройте VPC для доступа к RDS. Пример в этой статье носит демонстрационный характер, поэтому используется метод 0.0.0.0/0.

клонировать проект

Выполните следующую команду, чтобы клонировать проект:

git clone git@github.com:tanhe123/litemall.git

Если у вас не установлен Git, вы также можете напрямуюстраницанажмитеDownlaoad ZipЗагрузите код напрямую и разархивируйте его:

Создайте CNAME для доменного имени

Для нашего подготовленного доменного имени добавляем запись CNAME

импорт базы данных

Создайте базу данных с именем litemall в базе данных MYSQL, а затем импортируйте файлы litemall_table.sql и litemall_data.sql из litemall-db/sql в базу данных.

Если вы используете aliyun RDS, вы можете напрямую импортировать его следующими способами:

Измените конфигурацию в template.yml

Измените SPRING_DATASOURCE_DRUID_URL в template.yml на адрес базы данных, измените SPRING_DATASOURCE_DRUID_USERNAME на имя пользователя базы данных и измените SPRING_DATASOURCE_DRUID_PASSWORD на имя пользователя и пароль.

Наконец, поместите доменное имя в template.ymllitemall.mofangdegisn.cnЗамените своим доменным именем.

Установите админ-бэкэнд mall Vue + зависимости npm мобильного терминала Vue mall

Для Linux или Mac вы можете напрямую выполнить внутрипроектный./install.sh, команда введет litemall-admin и litemall-vue соответственно и выполнит установку cnpm.

Скомпилируйте проект Java и разверните

Если доменное имя, которое мы хотим использовать,litemall.mofangdegisn.cn, выполните следующую команду:

DOMAIN=http://litemall.mofangdegisn.cn ./deploy.sh

Вам необходимо заменить указанное выше доменное имя на собственное доменное имя пользователя.После завершения выполнения развертывание будет завершено.

открыть настроенныйдоменное имяВы можете увидеть эффект.

Суммировать

С помощью методов, представленных в этой статье, мы реализовали быстрое развертывание приложения торгового центра вфункциональные вычисления.

"Облачная нативная платформа AlibabaСосредоточьтесь на микросервисах, бессерверных технологиях, контейнерах, Service Mesh и других технических областях, сосредоточьтесь на популярных тенденциях в облачных технологиях и практиках крупномасштабного внедрения облачных технологий, а также станьте техническим кругом, который лучше всего понимает разработчиков облачных технологий. "