Как создать платформу для продажи вашего онлайн-курса (краткий план)
5 апреля 2022 г.Существует множество онлайн-платформ для продажи онлайн-курсов, однако я обнаружил несколько ограничений. Для платформы курса я хотел бы больше настроить целевые страницы, подписки и структуру контента. Поэтому я сам создал свою платформу для продажи курсов.
Здесь я кратко опишу, как я создал платформу для продажи своего курса. Для создания веб-сайта мы использовали Gatsby Framework, Sanity_io и Stripe.
Gatsby — это фреймворк, построенный на React. Мы используем Gatsby Framework для создания внешнего интерфейса и внутреннего интерфейса. Преимущества использования фреймворка Гэтсби заключаются в следующем:
- Он поддерживает тысячи плагинов, которые мы можем использовать в проекте.
- Мы можем получать данные как во время сборки, так и во время выполнения.
- Запустите бессерверную функцию.
Чтобы начать работу с Gatsby Framework, вы можете выбрать начальный шаблон на странице ниже.
https://www.gatsbyjs.com/starters
Стартовый шаблон является отправной точкой. Вы можете настроить начальный шаблон в соответствии с вашими потребностями. В проекте мы использовали Tailwind CSS для стилизации HTML-элементов. Tailwind CSS предоставляет служебные классы, которые мы можем использовать в проекте. Взгляните на изображение ниже, чтобы увидеть, как работает попутный ветер.
Вы также можете найти множество компонентов CSS Tailwind в Интернете, которые вы можете использовать в своем проекте. Некоторые из примеров веб-сайтов перечислены ниже.
Чтобы сделать веб-сайт доступным в Интернете, мы размещаем проект на Github и развертываем репозиторий на Netlify. Netlify обеспечивает лучший пользовательский интерфейс для создания, развертывания и масштабирования производственных приложений.
Gatsby — это фреймворк, а не база данных. Итак, нам нужна база данных для хранения и управления данными контента. Я использую Sanity_io для этой цели. Вы можете увидеть официальную страницу Sanity ниже.
Sanity_io имеет два слоя, как показано ниже.
- Студия здравомыслия
- Разумный сервер
Sanity Server — это база данных, полностью управляемая командой Sanity, поэтому нам не нужно об этом беспокоиться. У Sanity есть модель ценообразования, которая взимает плату за использование данных.
Sanity Studio — это CMS, которая позволяет нам полностью настраивать схему документа. В нашем случае мы можем создавать различные документы в Sanity Studio, например. курс, клиент, подписка и т. д. Для каждого документа мы можем определить пользовательскую схему в соответствии с требованиями.
Stripe — это платформа, которую мы используем для обработки онлайн-платежей. Чтобы собирать платежи от пользователей, нам нужно создать страницу оформления заказа. В Stripe у нас есть несколько вариантов оформления заказа. Ниже приведены два подхода к созданию кассы Stripe:
- Встроенная касса Stripe (полностью управляется командой Stripe).
- Создайте пользовательскую кассу с помощью Stripe API.
Встроенная проверка Stripe проще в использовании, поскольку у нас может быть меньше ошибок и больше готовых платежных решений.
Как соединить разные уровни сервиса?
Данные хранятся в Sanity Studio, интерфейс пользователя построен на Gatsby Framework, а сведения о подписке получателя доступны на сервере Stripe. Как описано, у нас есть три уровня сервисов. Мы хотим, чтобы данные были доступны пользователю в проекте Gatsby. Чтобы склеить слои данных, мы можем использовать API.
Используя Stripe Node API, мы можем получить и изменить подписку получателя. В среде Gatsby мы используем бессерверные функции для выполнения вызовов Stripe Node API. Вы можете найти API Stripe Node на странице ниже.
Чтобы получить данные Sanity во внешнем интерфейсе, мы можем отправлять HTTP-запросы на соответствующий маршрут API. Мы можем использовать язык Sanity GROQ для получения нужных данных с сервера Sanity. Вы можете узнать больше о языке Sanity GROQ на следующей странице.
Заключительные слова
Здесь я кратко рассказываю о том, как я создал веб-сайт для своей курсовой платформы. Если вы хотите узнать больше, вы можете проверить курс ниже.
Оригинал