Демонстрационный гид по разработке конечного приложения CoNami

1. Регистрация и вход в публичный аккаунт WeChat

Перейдите по адресу https://mp.weixin.qq.com, где вы найдете подробные указания. Здесь мы не будем повторяться.

После регистрации вы получите следующие важные данные:

1. Настройки -> Разработка -> ID разработчика: AppID/AppSecret, необходимые для аутентификации сервера backend с API серверами WeChat. Это говорит WeChat, что вы являетесь легальным backend-сервером для мини-приложений и можете общаться с ними и использовать API для входа и платежей.
2. Настройки -> Разработка -> Серверные домены: Эти домены будут проверяться WeChat во время тестирования и выпуска. Они должны быть зарегистрированы и пройти процедуру регистрации домена. Этот домен можно купить и зарегистрировать на Tencent Cloud, но это может занять некоторое время.

OnClickListener{2. Разработка фронтенда}

Демонстрационное приложение представляет собой мини-приложение для голосования, использующее backend на основе tomcat + js + db, и стандартный frontend для мини-приложений. Разработчики не обязаны заботиться о сервисах tomcat и db, им достаточно писать бизнес-логику на js.

Адрес проекта на GitHub:

https://gitee.com/yingpo/weixin-xiaochengxu-vote

• Краткое описание: каталог app содержит код фронта, каталог nami содержит код бэкенда и sql, все написано на js.
• Откройте app каталог с помощью IDE разработчика WeChat. В режиме отладки, если домен еще не зарегистрирован, доступ к серверу будет заблокирован. Поэтому при запуске IDE разработчика можно не указывать AppID, чтобы он не проверял домен в белом списке.
• Измените /utils/config.js, установите IP и порты для работы backend, затем скомпилируйте.

3. Разработка и развертывание бэкенда

3.1 Создание образа бизнес-логики и его локальное выполнение

Войдите в Alibaba Cloud Container Registry Service и найдите образ conami. Адрес страницы: https://cr.console.aliyun.com/?spm=5176.166170.863063.btn1cr3.69f9217fdGki9I#/imageDesc/cn-qingdao/conami/conami/detail

0. Запустите Docker на Windows (необязательно).

Инструмент IDE для фронта WeChat Mini Programs поддерживает только Windows, поэтому удобнее всего запустить Docker на этой операционной системе. Подробнее здесь: https://docs.docker.com/docker-for-windows/install/

1. Загрузите базовый образ фреймворка

docker pull registry.cn-hangzhou.aliyuncs.com/conami/conami

2. Выпуск исходного кода бизнес-логики из базового образа фреймворка

git clone https://gitee.com/yingpo/weixin-xiaochengxu-vote.git

# Dockerfile показывает, как копировать бизнес-логику в /nami/request
docker build -t myvote .

docker push myvote {ваш адрес репозитория образов}

3. Запустите контейнер и инициализируйте базу данных

docker run -d -p 8080:8080 myvote 

# По умолчанию ENTRYPOINT bash /nami/service.sh start

• Введите адрес этого сервера в браузере http://10.229.48.217:8080/db для управления базой данных.

• Нажмите Connect, чтобы войти. JDBC URL внутри контейнера должен быть изменен на

jdbc:h2:/nami/database/nami;AUTO_SERVER=TRUE;MVCC=TRUE

Сохраните этот URL, чтобы больше не вводить его каждый раз.

• Затем скопируйте vote_demo.sql из каталога weixin-xiaochengxu-vote/nami/sql в эту базу данных и выполните её для создания таблиц.

Таким образом, весь контейнер бэкенда для мини-приложений уже запущен. В IDE разработчика WeChat измените app/utils/config.js, замените текущий адрес хоста на адрес вашего сервера, и вы сможете выполнять голосование и просматривать результаты.

Ссылки

НAMI пришел! Пяти минутного руководства по подключению базы данных к мини-приложению WeChat