В этом блоге я продемонстрирую развертывание Vue Ecommerce Website за 3 шага. Этот веб-сайт представляет собой простое приложение для электронной коммерции, созданное с использованием Nuxt и Cosmic JS. Stripe интегрирован как платежный процессор. Фреймворк Bulma на основе Flexbox используется для стилизации вместе с компонентами Buefy. Приложение было создано Мухаммадом Алтафом для сообщества Cosmic JS и основано на Vue.js, Nuxt.js, Node.js и Cosmic JS.
Установите и управляйте своим веб-сайтом Vue Ecommerce и всем его контентом с панели инструментов Cosmic JS Bucket. Простой. 😎 Вы можете обратиться к исходному руководству ниже, чтобы создать приложение с нуля, или продолжить чтение, чтобы просто развернуть веб-сайт Vue Ecommerce за 3 шага.
TL;DR
Веб-сайт электронной торговли Vue
Демонстрация веб-сайта электронной торговли Vue
Кодовая база веб-сайта электронной торговли Vue
Как создать веб-сайт электронной торговли с помощью Nuxt и Cosmic JS
Мы будем использовать Cosmic JS для установки нашего примера приложения, развертывания и дальнейшего обновления контента. Cosmic JS - это платформа управления контентом с первым API, которая позволяет разработчикам создавать приложения на любом языке программирования, предоставляя редакторам контента знакомый редактор контента для управления динамическим контентом из облака. Если вы еще этого не сделали, начните с подписки на Cosmic JS.
1. Создайте новую корзину
Имя вашего сегмента - это имя вашего веб-сайта, проекта, клиента или веб-приложения, которое вы создаете.
2. Установите веб-сайт электронной торговли Vue.
Cosmic JS дает вам возможность фильтровать фреймворки и языки программирования, такие как Node.js, Vue.js, React, AngularJS и другие.
3. Разверните в Интернете
Перейдите к пункту Развернуть веб-приложение, расположенному под настройками на левой панели навигации на панели инструментов Bucket. Я щелкнул Развернуть в Интернете. Затем я могу редактировать объекты во время развертывания моего веб-приложения. Вы получите электронное письмо с подтверждением развертывания вашего веб-приложения. Если вы столкнетесь с какими-либо проблемами во время развертывания, вы можете быть перенаправлены на страницу устранения неполадок Cosmic JS.
Подтвердите расположение и ветку развертывания
Развернуть модальное окно подтверждения ветки
Я использую готовое для контента приложение от Muhammad Althaf в Cosmic JS Community, поэтому я буду использовать его Master Repo:
Теперь, когда ваше приложение развернуто на сервере приложений Cosmic JS, вы можете полностью управлять своим веб-сайтом Vue Ecommerce и всем его контентом из одного места.
Cosmic JS - это первая облачная платформа управления контентом на основе API, которая упрощает управление приложениями и контентом. Если у вас есть вопросы о Cosmic JS API, обращайтесь к основателям в Twitter или Slack.
Карсон Гиббонс является соучредителем и директором по маркетингу Cosmic JS, облачной Платформы управления контентом с первым API-интерфейсом, которая отделяет контент от кода, позволяя разработчикам создавать удобные приложения и веб-сайты на любом языке программирования, который они хотят.
