В этом блоге я покажу вам, как взять существующий пример кодовой базы и сократить его до вашего собственного красивого одностраничного веб-сайта, созданного с использованием Node.js и Cosmic JS. Это Stellar Cosmic JS App представляет собой одностраничный веб-сайт, созданный на легком сервере Node.js с интерфейсом @ajlkn на HTML5 UP. Я буду использовать Cosmic JS (CMS с первым API, которая делает управление и создание веб-сайтов и приложений более быстрым и интуитивно понятным) для установки, редактирования контента, развертывания и обновления контента, продвигаясь с веб-CMS.

Если вы еще этого не сделали, начните с Регистрации в Cosmic JS. Ниже приведены полезные ресурсы для оптимизации ваших операций по разработке.

Звездная страница приложения

Звездная демонстрация приложения

Звездная база кода приложений на GitHub

1. Создайте новую корзину

Имя вашего сегмента - это имя вашего веб-сайта, проекта, клиента или веб-приложения, которое вы создаете. Я назвал свой «Одностраничный веб-сайт на Node.js», чтобы сохранить лаконичность для нашего примера блога.

2. Установите одностраничное приложение «Stellar» на Node.js.

После того, как вы зарегистрируетесь и дадите название своей корзине, вам будет предложено начать с нуля или посмотреть некоторые приложения. В этом блоге я просто щелкнул правую кнопку, чтобы увидеть некоторые приложения, чтобы начать процесс установки Одностраничного звездного приложения Node.js.

Варианты установки приложения

Cosmic JS дает вам возможность фильтровать языки программирования, такие как Node.js, PHP, React, AngularJS и другие. Просто нажмите Установить под значком Stellar, чтобы начать, или посетите страницу приложений Cosmic JS.

3. Разверните в Интернете

Я щелкнул Развернуть в Интернете. Затем я могу начать редактировать свои объекты во время развертывания моего веб-приложения. Вы получите электронное письмо с подтверждением развертывания вашего веб-приложения. Если вы столкнетесь с какими-либо проблемами во время развертывания, вы можете быть перенаправлены на страницу устранения неполадок Cosmic JS.

Подтвердите расположение и ветку развертывания

Развернуть модальное окно подтверждения ветки

Я рисую из репо, моя ветка уточнена, и у меня есть развернутое местоположение, которое соответствует имени моего слага / корзины, которое я сделал на шаге 1.

Развернуть, развернуть

Небольшое заверение в том, что вы скоро встанете, живы и здоровы в сети. :)

4. Редактировать глобальные объекты, типы объектов и объекты.

Редактирование - это воплощение мечты в Cosmic JS Dashboard. Чтобы узнать больше о том, как Cosmic JS был создан с учетом редактирования контента, прочтите Создание с мыслями о редакторе контента.

Подтверждение развертывания приложения

Это так же просто, как зарегистрироваться, создать новую корзину, установить веб-приложение, отредактировать контент и развернуть! Я получаю свое электронное письмо с подтверждением доступа к моему веб-приложению, а также вижу свои варианты обновления корзины, такие как пользовательские домены, SSL в один щелчок, веб-перехватчики и локализация.

Cosmic JS - это первая облачная платформа управления контентом на основе API, которая упрощает управление приложениями и контентом. Если у вас есть вопросы о Cosmic JS API, обращайтесь к основателям в Twitter или Slack.

Карсон Гиббонс является соучредителем и директором по маркетингу Cosmic JS, облачной Платформы управления контентом на основе API, которая отделяет контент от кода, позволяя разработчикам создавать удобные приложения и веб-сайты на любом языке программирования, который они хотят.

Хакерский полдень - это то, с чего хакеры начинают свои дни. Мы часть семьи @AMI. Сейчас мы принимаем заявки и рады обсуждать рекламные и спонсорские возможности.

Если вам понравился этот рассказ, мы рекомендуем прочитать наши Последние технические истории и Современные технические истории. До следующего раза не воспринимайте реалии мира как должное!