Разработка собственного апплета в облаке --- имитация облачной музыки NetEase + блог + фон

Апплет WeChat

адрес гитхаба:GitHub.com/932361223/M...

В проекте используется собственная разработка компонентов апплета для создания клиентской части апплета, а облачная разработка апплета используется для создания серверной части апплета, которая реализует триггеры для регулярного обновления списка воспроизведения (получения интерфейса), воспроизведения песен. , тексты песен, индикатор выполнения, блог и другие функции, а также доступ к облачным ресурсам разработки через систему фонового управления для управления данными и файлами в проекте.

облачная музыкальная композиция

Front-end часть --- разработка компонентов

задняя торцевая часть

Закулисная часть

Инфраструктура проекта

1. Компоненты плейлиста

· Библиотека компонентов Swiper для карусели
· Сервер получает информацию о песне и отображает ее
· Потяните вверх и вниз, чтобы обновить плейлист

Список песен

· Идеи разработки на основе компонентов
· Регулярно запускайте облачные функции для чтения данных и записи в облачную базу данных.
· Преодолеть ограничение на количество фрагментов данных, считываемых облачными функциями
· Облачная функция оптимизации маршрутизации tcb-router

3. Индикатор выполнения песни

· Мини-программный музыкальный проигрыватель, сравнимый с родным интерфейсом
· Текстовый анализ и привязка времени воспроизведения
· Оптимизация производительности
· Внедрение значков шрифта iconfont

4. Лирические компоненты

Пять, компоненты нижнего всплывающего слоя

Войти и комментировать

6. Опубликовать блог

· Процесс авторизации информации о пользователе мини-программы
· Асинхронная операция загрузки нескольких файлов в облачное хранилище
· Нечеткие запросы к облачной базе данных, управление индексами, управление правами

Семь, карточка блога

8. Детали блога и комментарии

Три метода проектирования отношений 1-к-N в облачной базе данных
· Облачный вызов для реализации шаблонного сообщения
· Запрос к облачной базе данных с несколькими коллекциями
· Поделитесь своим блогом с друзьями

9. Моя функция

· Сравнить прикладные сценарии получения информации о пользователе разными способами
· Локальное хранение истории воспроизведения
· Разница между облачной функцией, вызывающей облачную базу данных, и апплетом, вызывающим облачную базу данных
· Облачный вызов для генерации кода апплета

Категория музыкального блога апплета не проверялась, поэтому генерировать апплет бесполезно.

10. Система фонового управления

· Архитектура разделения интерфейса и сервера
· интерфейс системы управления сборкой vue-admin-template
· Серверная часть системы управления сборкой Koa2
· HTTP API для доступа к облачным ресурсам разработки