В июле этого года Microsoft выпустила бета-версию WebMatrix , набора инструментов, предназначенных для того, чтобы сделать веб-разработку доступной для людей, которые не обязательно имеют большой опыт или технические навыки. Чтобы еще больше стимулировать новичков к творчеству и функциональности, Microsoft сделала WebMatrix Beta 2 доступной для бесплатной загрузки . Кроме того, она является мощным редактором веб-сайта, который прост в использовании и легок в том смысле, что он не перегружен редко используемыми функциями. WebMatrix также интегрируется с галереей веб-приложений, чтобы добавить довольно впечатляющую функциональность на ваш сайт. Галерея веб-приложений Windows включает блоги, CMS, форумы, галереи, инструменты и вики, но сегодня я хочу сосредоточиться на приложениях электронной коммерции, а также эта тема много поднималась На самом деле, так же есть все остальные категории, но они могут подождать еще один день. Сегодня я собираюсь проследить за денежным следом. И это правда, электронная коммерция — это область постоянного, возрастающего интереса со стороны владельцев сайтов, дизайнеров и разработчиков. Почему бы не использовать новые технологии, чтобы исключить посредников и продавать напрямую через собственный веб-сайт? Как показано на рисунке 1, «Галерея веб-приложений WebMatrix» , в галерее веб-приложений Windows есть три параметра, перечисленные в разделе « Электронная коммерция»: nopCommerce , mojoPortal и Kartris .
Рисунок 1. Галерея WebMatrix Web App
Сегодня я собираюсь посмотреть, что nopCommerce может сделать для меня. Представленное описание, по-видимому, охватывает большинство вопросов, которые я ищу. Кстати, все эти три приложения написаны на ASP.NET, и, по крайней мере, одна из целей подхода WebMatrix заключается в том, чтобы побудить большее количество людей чувствовать себя комфортно с ASP.NET. Интересно, что два из этих приложений — и многие другие — имеют открытый исходный код и представлены несколько языков программирования. Тем не менее, если вы хотите, чтобы ваш магазин nopCommerce начал работать, вам придется разместить его на сервере Windows.
Установка
Прежде чем я зайду так далеко, я собираюсь настроить все на своем локальном компьютере. Для начала мне нужно скачать nopCommerce. WebMatrix делает это легко, выступая в качестве менеджера зависимостей, менеджера загрузок и установщика. Обратите внимание, что вам не нужно использовать WebMatrix для этого: вы также можете использовать установщик веб-платформы Microsoft или загрузить его непосредственно с веб-сайта nopCommerce. Я изучаю интегрированный подход WebMatrix, поэтому я выберу nopCommerce, введите имя сайта и нажмите « Далее». Вы увидите лицензионное соглашение с конечным пользователем, ссылку на конкретные условия лицензионного соглашения для каждого загружаемого компонента и общий размер загружаемого файла. Если у вас не установлена версия SQL Server, вы найдете ее в списке загрузки для nopCommerce. Если вы согласны с лицензионным соглашением, нажмите « Я принимаю» .WebMatrix установит для вас nopCommerce, как показано на рисунке 2, «WebMatrix устанавливает nopCommerce» .
Рисунок 2. WebMatrix устанавливает nopCommerce
Нажмите кнопку « Готово» , и WebMatrix раскроет экран на рис. 3 «Экран администрирования сайта WebMatrix» , в котором обобщены некоторые варианты администрирования сайта.
Рисунок 3. Экран администрирования сайта WebMatrix
Здесь есть на что посмотреть, но сейчас мы хотим завершить установку nopCommerce. Прямо под именем сайта вы увидите URL-адрес локальной версии вашего сайта. Нажмите на этот URL. Это запустит ваш браузер по умолчанию (или новую вкладку или окно, если у вас уже открыт браузер) и запустите мастер установки nopCommerce, показанный на рисунке 4, «Экран установки nopCommerce 1» .
Рисунок 4. Экран установки nopCommerce 1
Нажмите Next . На следующем экране вы можете ввести информацию о вашем сервере, как показано на рисунке 5, «Экран установки nopCommerce 2» . Мы собираемся работать над локальной копией сайта, поэтому мы введем localhost/sqlexpress качестве имени SQL Server. Люди, стоящие за nopCommerce, рекомендуют Windows Authentication для входа на сервер. Это позволяет статусу входа в учетную запись Windows, чтобы действовать как авторизация для доступа к серверу.
Рисунок 5. Экран установки nopCommerce 2
Нажмите кнопку Далее . Третья страница процесса установки nopCommerce, показанная на рисунке 6, «Экран установки nopCommerce 3» , позволяет ввести информацию о базе данных.
Рисунок 6. Экран установки nopCommerce 3
Создайте имя базы данных, оставьте флажок « Создать образец данных» отмеченным и нажмите « Далее» . Последний шаг мастера установки, показанный на рисунке 7, «Экран установки nopCommerce 3» , позволяет изменить адрес электронной почты администратора по умолчанию и пароль на что-то из вашего по собственному выбору, или вы можете принять параметры по умолчанию [email protected] и admin на данный момент.
Рисунок 7. Экран установки nopCommerce 3
Нажмите на ссылку « Перейти на сайт» внизу экрана. Теперь вы это видите? Это прямо там? Это сайт электронной коммерции, который вы только что создали. Рисунок 8, «Стандартный интерфейс nopCommerce» показывает, что я имею в виду.
Рисунок 8. Стандартный интерфейс nopCommerce
Это немного сложный процесс, чтобы получить этот результат на данном этапе процесса. В один момент вы пытаетесь вспомнить, установлен ли у вас SQL Server, а затем вы смотрите на полностью сконфигурированный, предварительно заполненный , функционирующий и привлекательный онлайн-магазин. Вы можете понять, почему Microsoft сочла это приложение подходящим для включения в свою веб-галерею. Он идеально подходит для краткости: дает возможность потенциальным веб-разработчикам, позволяя им адаптировать существующую среду под свои нужды, вместо того, чтобы создавать ее с нуля. И это не требует больших технических знаний, хотя чем больше вы узнаете об этом, тем больше вы можете с ним сделать. Представление черновика сайта в рабочем формате позволяет вам по-настоящему изучить функциональность, которую вы можете сделать доступной для посетителей сайта. , Изучая структуру только что созданного сайта, вы заметите, как nopCommerce предоставляет нам доступ к коммерческим возможностям социальных сетей. Поделиться через Facebook, Twitter и т. П .; Списки желаний; списки сравнения; напишите другу по электронной почте; рейтинги клиентов; и все отзывы пользователей предоставляют посетителям сайта способы продвижения ваших продуктов — и все они встроены. Теперь, если вы соберете все вместе, вы, несомненно, захотите настроить визуальный дизайн под свой вкус. В начале этой статьи я упомянул, что WebMatrix — очень полезный редактор веб-сайтов, и именно здесь он вступает в игру как идеальный инструмент для редактирования HTML и CSS внешнего интерфейса вашего сайта перед публикацией. Это целая статья сама по себе, поэтому сейчас мы сосредоточимся на управлении бэкэндом. Пока мы решили остаться с визуальным дизайном по умолчанию, мы собираемся выяснить, как настроить nopCommerce.
администрация
Чтобы попасть на сервер, войдите на сайт, как пользователь, через ссылку « Вход» в верхней части домашней страницы. Если вы установили новый адрес электронной почты и пароль администратора на шаге 4 установки, используйте его, в противном случае используйте логин по умолчанию. Как только вы вошли в систему, вы увидите, что на верхнюю панель инструментов была добавлена ссылка « Администрирование» . Эта ссылка отображается только для пользователей, вошедших в систему с правами администратора. Нажмите на ссылку « Администрирование», чтобы отобразить панель управления бэкенда nopCommerce, показанную на рисунке 9, «Панель мониторинга nopCommerce» .
Рисунок 9. Панель инструментов nopCommerce
Когда на карту поставлены деньги, администрация сайта должна быть четкой и эффективной, чтобы владелец сайта мог поддерживать свое присутствие в Интернете и управлять заказами и продажами. В этом отношении nopCommerce является выдающимся. Функциональность улучшается благодаря простой, понятной компоновке и логической структуре. Давайте быстро пройдемся по панели инструментов в верхней части дисплея. Каталог Этот набор полей определяет ваш запас: категории и подкатегории, продукты, атрибуты, которые могут иметь эти продукты, такие как цвет и размер, а также сведения о производителях продуктов. Продажи В этих полях описывается, как обрабатываются детали транзакции, включая управление заказами, регулярные платежи, подарочные карты и отчеты о продажах. Клиенты Здесь вы можете управлять своими новыми и постоянными клиентами, назначать им роли, которые помогают им выходить на рынок, и анализировать статистику их поведения в Интернете. Промоакции. В этой области вы можете настроить партнерские отношения по продаже ваших продуктов, продажам и маркетинговым кампаниям, скидкам, прайс-листам и поставщикам рекламных акций. Управление контентом Эти поля представляют способы, с помощью которых вы можете использовать дополнительный контент, чтобы повысить ценность сайта для ваших потенциальных клиентов. Параметры, доступные для настройки и настройки, включают в себя опросы голосования, списки новостей, дополнительный блог, темы для использования на специализированных страницах, такие как часто задаваемые вопросы, шаблоны для продукта, категории и производителя, настраиваемые сообщения для посетителя сайта и средства для установить языковые параметры для сайта. Конфигурация Здесь вы найдете настройки, которые точно настраивают взаимодействие с клиентом и вашу способность удовлетворять его потребности, включая глобальные настройки, черные списки, способы оплаты, налоговые параметры, параметры доставки, ориентированные на пользователя локальные настройки, такие как страны, в которых вы находитесь. продукты могут быть проданы, любые ограничения или условия, касающиеся штатов и провинций, языков, на которые ваши клиенты могут переводить ключевой контент, валют, которые вы принимаете, и вариантов назначения акций конкретным физическим складам или дистрибьюторам. Система Меню «Система» содержит параметры для управления журналами сайта, очередями сообщений и общими задачами обслуживания сайта. Помощь Существует два основных источника поддержки управления сайтом: пользовательские форумы, поддерживаемые nopCommerce, которые предназначены для того, чтобы опытные пользователи могли выполнять функции устранения неполадок для тех пользователей, у которых есть запросы; и Руководство пользователя, которое доступно для платной загрузки с веб-сайта nopCommerce. Так что это обзор. Давайте испачкаем руки.
Добавить продукт
Вернитесь в меню Каталога и наведите курсор на Продукты, чтобы открыть всплывающее меню. Нажмите « Управление продуктами» , как показано на рисунке 10 «Управление продуктами» .
Рисунок 10. Управление продуктами
Основной дисплей — это список всех ваших товаров, упорядоченный в алфавитном порядке по заголовкам. Существует три способа фильтрации этого отображения: по названию продукта, категории и производителю, или с помощью кнопки « Поиск» , чтобы применить выбранные фильтры. Существуют также варианты загрузки каталога в формате PDF, его экспорта в файл .xmlДобавить новый .
Рисунок 11. Добавление нового продукта
На трех вкладках в верхней части окна «Добавить новый продукт», показанного на рис. 11 «Добавить новый продукт», представлены категории информации, относящиеся к вашим продуктам. Не все из них должны быть завершены, но некоторые являются обязательными для работы электронной коммерции.
Интеграция платежей
Интеграция платежей — реальная сила nopCommerce. Среди 36 вариантов оплаты услуг PayPal, Google Checkout, Worldpay и 2Checkout. Это разумный шаг, чтобы связать сделки со многими поставщиками платежей, что делает nopCommerce на шаг впереди многих конкурентов. Давайте настроим наш сайт так, чтобы он принимал платежи через PayPal. PayPal предоставляет возможность уведомлять вас, когда платеж производится через ваш сайт, так что давайте сделаем это. Вы должны активировать PDT и Автовозврат в своем профиле учетной записи PayPal и приобрести токен идентификации PDT, который вы введете в соответствующее поле в своей серверной части nopCommerce. Этот токен используется во всех сообщениях PDT, отправляемых вами в PayPal. Выполните следующие действия, чтобы настроить свою учетную запись для PDT:
- Войдите в свою учетную запись PayPal, щелкните вкладку « Профиль» и в столбце « Настройки продавца» нажмите « Настройки оплаты на веб-сайте» .
- В разделе « Автоматический возврат платежей через веб-сайт» установите переключатель в положение « Вкл .».
- В поле URL-адрес возврата введите URL-адрес сайта, который получит идентификатор транзакции, опубликованный PayPal после оплаты клиента,
http://www.yourstore.com/PaypalPDTHandler.aspx - В разделе « Передача платежных данных» установите переключатель в положение « Вкл» и нажмите кнопку « Сохранить» .
- Теперь снова нажмите « Настройки оплаты на веб-сайте» и перейдите к « Передача платежных данных» . Вы увидите свой токен .
- Вернитесь на страницу администрирования nopCommerce и в меню « Конфигурация» выберите « Оплата», а затем « Способы оплаты» . Вы увидите полный список возможных способов оплаты и поставщиков.
- Нажмите « Изменить для PayPal Standard» .
- Перейдите на вкладку « Конфигурация » и прокрутите вниз до нижней части страницы.
- Все, что вам нужно сделать сейчас, это ввести действующий адрес электронной почты и скопировать свой идентификационный токен PayPal в поле PTI Identity Token .
- Вернитесь на вкладку « Информация о системе » и установите флажок « Активно» .
- Нажмите синюю кнопку Сохранить , и все готово.
Теперь, если вы перейдете к черновой версии своего сайта на localhost и нажмете, как будто покупаете продукт, пока не перейдете на страницу «Выбор способа оплаты», вы увидите, что стандарт PayPal теперь отображается как вариант оплаты наряду с другими. Конечно, это относится к способам оплаты, помеченным как Активные на странице Способы оплаты администрирования nopCommerce. Это очень простой способ управления онлайн-платежами.
Резюме
Это мера того, что такое мощное небольшое приложение nopCommerce в том, что, с одной стороны, оно может так быстро создать черновой сайт и безболезненно добавить метод оплаты, а с другой стороны, оно достаточно изощренное, чтобы принять более 50 переменных, относящихся к продукту. и как его можно купить. Как мы увидели, когда добавляли нашу запись продукта, ключ к получению максимальной отдачи от приложения, такого как nopCommerce, — это делать свою домашнюю работу. Чем больше вы — или ваш клиент, или работодатель — отрабатываете все те переменные, которые могут повлиять на решение потенциального клиента купить ваш продукт, тем больше работы ваш сайт может сделать для завершения продажи.
Это руководство стало возможным благодаря поддержке Microsoft. В сотрудничестве с Microsoft и независимо написанной SitePoint, мы стремимся работать вместе, чтобы разработать наиболее полезный и актуальный для вас контент.
Этот вид сложной веб-разработки теперь доступен практически каждому, так как он требует мало или вообще не знает никакого кода. Microsoft преуспела в том, чтобы принять сообщество open source, заполнив свою галерею веб-приложений. Мощные, умные и простые в использовании веб-приложения, такие как nopCommerce , поддерживаемые активным сообществом разработчиков и доступные бесплатно с помощью таких инструментов, как WebMatrix , завоевать много друзей. Заботиться, чтобы проверить свои знания о том, что в этой статье? Продолжай, пройди тест !