OSCHINA-MIRROR/ytu94-meedu-wxapp

Mpvue wxApp для meEdu

MeEdu — это онлайн-система для трансляции видео, разработанная на основе Laravel.

Введение

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

Функции

Видеоплеер.
Просмотр статей (мастер: функция удалена, feature/ytu: сохранена личная версия).
Модуль личных данных.
VIP-модуль.
Интерактивные комментарии к курсам.
Взаимодействие с комментариями к видео.
Функция поиска курсов.
Функции входа и выхода.
Функционал для обмена (WeChat закрыл функцию обратного вызова, поэтому обмен реализуется через пересылку).
Функционал пожертвований (с помощью мини-приложения «За».)
Улучшение Mpvue 2.0: теоретическая поддержка Alipay, Baidu, Toutiao mini-programs.
Добавление компонента подписки на официальный аккаунт (конфигурация: официальная документация).

Планы

Оптимизация комментариев.
Оптимизация конфигурации проекта.

Структура

API:
- core:
  - server.js — HTTP-обёртка.
- article.js — интерфейс статьи.
- course.js — интерфейс курса.
Assets:
- img — изображения.
- style — стили.
Components — компоненты:
- card/vue.
- courseCard.vue.
- swiper-banner.vue.
Pages:
- comment — детали комментариев.
- login — вход.
- register — регистрация.
- searchCourse — поиск курса.
- tabBar:
  - article — курсы.
  - course — статьи.
  - person — личные данные.
- video — воспроизведение видео.
- videoList — список видео.
- vipList — список VIP.
Utils:
- index.js — класс инструментов.
App.json.
App.vue.
main.js.

API

API-интерфейсы: https://github.com/Qsnh/meedu/tree/master/docs/api/v1 (PHP: приоритет).

Конфигурация

(MeEdu требует настройки client_id и client_secret.)

Параметр	Значение	Расположение	Описание
API	Адрес интерфейса	/config/dev.dnv.js&&prod.env.js	Адрес интерфейса
zan_path	***	/config/dev.dnv.js&&prod.env.js	Путь к мини-программе «За» документация по подключению к «За»
client_id	***	/config/dev.dnv.js&&prod.env.js	Специально для meedu, см. ссылку
client_secret	***	/config/dev.dnv.js&&prod.env.js	Специально для meedu, см. ссылку

Использование

Рекомендуется использовать yarn (сначала зарегистрируйте свой аккаунт для мини-программы адрес регистрации, установите Node, инструмент разработчика WeChat):

git clone https://github.com/YTU94/meedu-wxapp

# 1. Откройте meedu-wxapp в инструменте разработчика WeChat, введите свой собственный идентификатор приложения, затем `npm run build` или `yarn build`,
    в каталоге будет создана папка dist.
# 2. Затем непосредственно нажмите кнопку загрузки в инструменте разработчика WeChat и загрузите исходный код мини-программы (папка dist).
# 3. Войдите в систему управления мини-программами WeChat после регистрации и отправьте её на проверку, затем опубликуйте.

Для вторичного открытия сначала ознакомьтесь с фреймворком mpvue и разработкой мини-программ:

# install dependencies
yarn
/* npm install */

# serve with hot reload at localhost:8080
yarn start:wx
/* npm run dev:wx */

# build for production with minification
yarn build:xw
/* npm run build:wx */

# build for production and view the bundle analyzer report
yarn build --report
/* npm run build --report */

Лицензия

MIT