Программа для взаимодействия пар (выполнение заданий, накопление баллов, обмен подарками)

Введение

Это программа для взаимодействия пар, созданная с использованием возможностей облачной разработки. Она позволяет взаимодействовать с девушкой, используя базовые возможности облачной разработки:

• База данных: работа с документоориентированной базой данных
• Облачные функции: код, выполняемый на сервере, где разработчику нужно только писать бизнес-логику

Логика работы

Пример:

• Девушка публикует задание -> девушка выполняет задание -> после выполнения вы подтверждаете -> девушка получает баллы
• Вы публикуете товар (билет на мытье посуды) -> девушка использует баллы для покупки -> товар попадает в её склад -> девушка использует билет на мытье посуды, чтобы попросить вас помыть посуду -> вы моете посуду -> девушка отмечает товар (билет на мытье посуды) как использованный (необратимо)
• Это сделано для того, чтобы ни одна из сторон не могла самостоятельно менять баллы или выполнять задания

Новые функции

• Все необлачные функции были заключены в облачные функции
• Добавлен система склада, где покупаемые товары хранятся, а затем используются
• Добавлен поисковый блок, который позволяет искать товары и задания
• Добавлен скроллинг, который автоматически проигрывает несколько изображений- Добавлены предустановленные задания и товары, которые можно использовать для быстрого добавления
• Новые кнопки сделаны перетаскиваемыми и могут быть добавлены на страницу
• Время покупки, добавления на полку и создания задания фиксируется и отображается
• Удалены кнопки слева для завершения или покупки, заменены на слайдер
• Слайдер теперь использует иконки, что делает его более компактным
• Улучшена внешняя красота страниц с подробной информацией и добавления товаров
• Поле ввода баллов при добавлении задания или товара заменено на слайдер
• В магазин добавлен верхний блок, который отображает баллы, что делает их более видимыми
• Использованы эмодзи, чтобы улучшить внешний вид

Скриншоты и анимации

! Изображение ! Изображение

Методы развертывания

• Зарегистрируйтесь как разработчик программы: https://mp.weixin.qq.com/cgi-bin/wx
• Войдите в аккаунт разработчика: https://mp.weixin.qq.com/

! Изображение

• После входа настройте информацию о программе и её категорию на главной странице
• Затем вы можете опубликовать тестовую версию программы и пригласить партнёра использовать её через меню управления и меню версий

! Изображение

• Затем вы можете скачать инструмент разработки WeChat через раздел разработки- Откройте инструмент разработки WeChat -> войдите -> импортируйте файлы -> начните работу
• Выберите Облачное развитие в верхнем левом углу из пяти опций -> следуйте инструкциям для включения облачного развития (здесь вы можете выбрать бесплатный вариант, но с ограничением по количеству, я использую его больше, так что 6 юаней достаточно).

! Image

• После входа нажмите на базу данных -> добавьте четыре коллекции в поле названия коллекции: MarketList, MissionList, StorageList, UserList
• Если вы использовали предыдущую версию, вам нужно очистить все данные, так как структура полей отличается

! Image

• В коллекции UserList добавьте две записи по умолчанию, в каждой из которых добавьте два поля:

Поле = _openid | Тип = string | Значение = пока не заполнять
Поле = credit | Тип = number | Значение = 0

• Откройте опцию Обзор в консоли облачного развития -> скопируйте идентификатор окружения
• Откройте miniprogram/envList.js и замените все содержимое на следующее, не забудьте заменить идентификатор окружения

module.exports = {
  envList: [{
    envId: 'идентификатор окружения, полученный в предыдущих шагах (сохраните одинарные кавычки)'
  }]
}

• Правой кнопкой мыши щелкните каждый каталог в cloudfunctions и выберите установку зависимостей и загрузку в облако (это немного сложно, но это обязательно)

! Image - Если страница облачных функций в облачном развитии выглядит так, значит все сделано правильно ! Image

• Если у вас не установлен npm или Node.js, вам нужно установить его сначала: https://nodejs.org/dist/v16.15.1/node-v16.15.1-x64.msi
• Если установка завершена, запустите cloudfunctions/Install-WX-Server-SDK.bat
• Если установка не удалась, введите в командной строке npm install --save wx-server-sdk@latest
• Затем создайте тестовую версию мини-приложения -> поделитесь им на телефон девушки через аккаунт разработчика (необходимо войти в аккаунт разработчика мини-приложения)
• Запустите мини-приложение на двух телефонах -> создайте новые задачи на двух телефонах
• Затем вернитесь к базе данных missionlist в консоли облачного развития -> найдите переменные _openid для себя и девушки и запишите их
• Скопируйте эти переменные _openid и вставьте их в базу данных UserList в коллекции UserList, где вы еще не заполнили _openid
• Скопируйте эти переменные _openid и вставьте их в значения _openidA и _openidB в miniprogram/app.js (A - это Каби, B - это Вадо)
• В miniprogram/app.js замените userA и userB на свои имена и имя девушки
• Попробуйте снова, чтобы убедиться, что все работает! (Не забудьте, что задачи и предметы можно завершить и купить, слайдя влево)
• Не забудьте нажать на правом верхнем углу для загрузки -> затем установите мини-приложение как тестовую версию в аккаунте разработчика (не нужно отправлять на проверку)

! Image - В конце, если вас интересует, вы можете продолжить разработку, документация: https://developers.weixin.qq.com/miniprogram/dev/component/

Оригинальный вид

! Изображение

Обращение

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