Skip to content

Menus personalizados

1. Mais descrições de funções de menu para miniaplicativos

Para apoiar diferentes necessidades de negócios dentro do aplicativo, como suportando diferentes compartilhamentos de busca, o SDK atual suporta mais customizações menus dentro do painel. Os menus personalizados são divididos por tipo em dois tipos: onMiniProgram e comum

  • comum: Este tipo não requer processamento adicional por parte do miniaplicativo
  • onMiniProgram: Este tipo de menu, ao ser clicado, irá buscar dados de o miniaplicativo para fornecer processamento comercial ao aplicativo Descrição detalhada dos tipos de menu:< br>
  1. Um menu personalizado do tipo comum acionará um evento de proxy diretamente para o aplicativo host quando o usuário clica no menu. nenhuma lógica precisa ser adicionado à página atual do miniaplicativo.
  2. O menu personalizado do tipo onMiniProgram, quando o usuário clica no menu, primeiro chamará o evento on{MenuId}ButtonHandler no atual página do miniaplicativo, obtenha os dados da página do miniaplicativo e acione o evento proxy para o aplicativo host. Portanto, se um menu personalizado do tipo onMiniProgram não for implementado na página do miniaplicativo atual, ele não será exibido se o o evento correspondente não é implementado.

2. Mais exemplos de menu para miniaplicativos

Por exemplo: mais itens de menu no aplicativo para implementar o onMiniProgram digite [Share to Pin] e [Share to Sina Weibo] (apenas o processamento necessário no miniaplicativo é descrito aqui)

2.1 ID de compartilhamento

  • Configure o menu Compartilhar para fixar no back-end do administrador com o ID CompartilharDingDing
  • Gerenciar configuração de back-end para compartilhar no Sina Weibo com o ID CompartilharSinaWeibo

2.2 Configuração de compartilhamento

Assine o DeepL Pro para editar este documento. Visite www.DeepL.com/pro para obter mais informações. Na página correspondente do applet, configure o onShareDingDingButtonHandler e onShareSinaWeiboButtonHandler funções (se a função correspondente não estiver configurada, o SDK não exibirá o menu correspondente) Método de configuração do applet:< br> on{id}ButtonHandler(id é maiúscula)< br> função é chamada para retornar título, appInfo e outros informações, que serão passadas ao SDK para processamento Todo o processo:< br> Quando o item de menu [Compartilhar para fixar] é clicado, a função onShareDingDingButtonHandler é chamada, retornando dados e passá-los para o SDK para processamento

Nota

No código do applet, os IDs são convertidos para letras maiúsculas iniciais letras para padronizar a nomenclatura e especificação com onShareAppMessage.

Mais exemplos

  • Se o ID for shareWeibo, o miniaplicativo precisa ser configurado com onShareWeiboButtonHandler;
  • ID é shareDingDing, o miniaplicativo precisa ser configurado com onShareDingDingButtonHandler;
  • ID é doSomething, o miniaplicativo precisa ser configurado com onDoSomethingButtonHandler;
  • Se o ID for ShareQQ, o miniaplicativo precisa ser configurado com onShareQQButtonHandler.
javascript
Page({
 // ...
 // Manipulador personalizado
 onShareDingDingButtonHandler(e) {
 return {
 title: "onShareDingDingButtonHandler custom title",
 appInfo: {
 // Outras informações adicionais
 },
 success(res) {
 console. log('share success callback', res)
 },
 fail(res) {
 console. log('share fail callback', res)
 }
 }
 },
 // Manipulador personalizado
 onShareSinaWeiboButtonHandler(e) {
 return {
 title: "onShareSinaWeiboButtonHandler custom title",
 appInfo: {
 // Outras informações adicionais
 },
 success(res) {
 console. log('share success callback', res)
 },
 fail(res) {
 console. log('share fail callback', res)
 }
 }
 },
 onShareAppMessage(res) {
 return {
 title: 'onShareAppMessage custom title',
 appInfo: {
 // Outras informações adicionais
 },
 success(res) {
 console. log('share success', res)
 },
 fail(res) {
 console. log('share fail', res)
 }
 }
 }
})