O editor de Downcodes traz para você um guia detalhado sobre como acessar as páginas do site a partir dos miniprogramas WeChat. Os miniprogramas WeChat não suportam saltos diretos para todos os sites, mas contam com vários métodos diferentes, incluindo o uso do componente WebView para incorporar páginas da web, o uso do componente navegador para pular para outra página do miniprograma (se a página de destino suportar) e através de interfaces de programação wx.navigateToMiniProgram salta para outro miniprograma. As etapas de implementação, precauções, vantagens e desvantagens de cada método serão apresentadas detalhadamente a seguir para ajudá-lo a escolher o método de salto que melhor se adapta ao seu cenário de aplicação.
O desenvolvimento de miniprogramas WeChat para obter saltos de página do site depende principalmente de vários métodos fornecidos oficialmente pelo WeChat: usando o componente WebView integrado ao miniprograma, usando o componente navegador para pular para outra página do miniprograma (se a página de destino suportar) , e usando a interface de programação wx.navigateToMiniProgram implementa o salto para outro miniprograma. Entre eles, o uso do componente WebView integrado ao miniprograma é a forma mais comum e direta. Ele permite que os desenvolvedores incorporem páginas da web no miniprograma para exibir o conteúdo do site. Este método requer que a página do site suporte acesso no ambiente do miniprograma e um nome de domínio legal deve ser configurado no plano de fundo do gerenciamento do miniprograma.
O componente WebView do miniprograma WeChat permite que os desenvolvedores incorporem páginas da web no miniprograma. Esta é a maneira mais intuitiva e comumente usada de acessar páginas da web. Para usar o componente WebView, primeiro você precisa declarar o nome de domínio da página da web a ser redirecionada como um nome de domínio legal no arquivo app.json do miniprograma.
Visite a plataforma de gerenciamento do miniprograma WeChat, entre em "Desenvolvimento" -> "Configurações de desenvolvimento" -> "Nome de domínio do servidor" e adicione o nome de domínio do link da web que precisa ser redirecionado para a "visualização da web (nome de domínio comercial )" seção. Certifique-se de que o nome de domínio adicionado seja o nome de domínio raiz do seu servidor web para garantir que todas as subpáginas possam ser carregadas corretamente.
No arquivo de configuração json da página do miniprograma, você precisa declarar o uso do componente WebView. Use a tag diretamente no arquivo wxml e defina a URL da página da web a ser redirecionada por meio de seu atributo src.
O componente navegador do miniaplicativo WeChat é usado principalmente para saltos de página. Ao definir atributos diferentes, diferentes formas de saltos de página podem ser alcançadas, incluindo saltos de página dentro do miniprograma atual ou saltos para uma página específica em outro miniprograma.
Se quiser implementar o salto de página dentro do miniprograma, você pode usar tags em wxml e especificar o caminho da página dentro do miniprograma para saltar através de seu atributo url. Ao usar este método, a estrutura do arquivo de paginação e a configuração de roteamento do miniaplicativo precisam ser planejadas com antecedência.
Para pular para outro miniprograma, defina o atributo open-type da tag como navigationToMiniProgram. Ao mesmo tempo, você precisa especificar o appId do miniaplicativo de destino, o caminho da página a ser saltada e os parâmetros trazidos para o miniaplicativo de destino em seus atributos.
Além de usar componentes de interface para saltar, os miniprogramas WeChat também fornecem a interface de programação wx.navigateToMiniProgram, que permite aos desenvolvedores iniciar diretamente uma solicitação de salto para outro miniprograma no código.
Os desenvolvedores podem ir para outro miniaplicativo chamando a API wx.navigateToMiniProgram em qualquer local do miniaplicativo. Este método recebe um objeto como parâmetros, incluindo o appId do applet alvo, o caminho da página a ser aberta e os parâmetros passados.
Ao usar a interface de programação para pular para outro miniaplicativo, deve-se observar que deve haver algum tipo de parceria comercial entre o miniaplicativo que está sendo saltado e o miniaplicativo atual, e a configuração correspondente deve ser concluída no fundo do miniaplicativo. Além disso, as ações de salto podem estar sujeitas a diversas restrições na plataforma WeChat, como restrições nas condições de acionamento do usuário.
Ao decidir qual método de salto usar, os desenvolvedores precisam fazer uma escolha com base nas necessidades reais e nos hábitos de uso dos usuários-alvo. Por exemplo, se o objetivo é fornecer conteúdo web mais rico, usar o componente WebView pode ser uma escolha melhor e se o objetivo é expandir os serviços dentro do ecossistema de miniprogramas, é melhor usar o componente navegador ou interface de programação para pular; entre mini programas adequados.
Ao implementar a função de salto, a experiência do usuário durante o processo de salto deve ser levada em consideração, o tempo de carregamento deve ser reduzido tanto quanto possível e um prompt claro de status de carregamento deve ser fornecido. Ao mesmo tempo, você deve garantir que o conteúdo e a aparência da página após o salto sejam consistentes com o estilo geral do miniprograma para fornecer uma experiência de usuário suave e consistente.
Independentemente do método de salto escolhido, você deve garantir que cumpre os regulamentos relevantes da plataforma do miniprograma WeChat, incluindo, entre outros, proteção de dados do usuário, revisão de conteúdo, etc. Ao mesmo tempo, garanta que o conteúdo do alvo de salto seja seguro, saudável e legal para evitar efeitos adversos aos usuários.
Através da introdução acima, podemos ver as principais tecnologias e os principais cuidados envolvidos no desenvolvimento do miniaplicativo WeChat para realizar o salto das páginas do site. Quando os desenvolvedores escolhem um método de salto, eles precisam considerar de forma abrangente vários fatores, como cenários reais de aplicativos, experiência do usuário e políticas de plataforma, para obter uma função de salto de página eficiente e segura.
1. Como implementar o salto de página do site no desenvolvimento do miniaplicativo WeChat?
No desenvolvimento do miniaplicativo WeChat, para acessar as páginas do site, você pode usar o componente navegador ou chamar o método wx.navigateToMiniProgram por meio de JavaScript.
Para usar o componente navigator, você precisa adicionar a tag navigator ao arquivo .wxml do miniprograma e definir o atributo url para o endereço da página do site de destino, que pode ser um caminho absoluto ou relativo. Depois que o usuário clicar no rótulo, o miniprograma irá para a página de destino definida.
Use o método wx.navigateToMiniProgram, chame esse método no arquivo .js do miniprograma e passe o ID do aplicativo do miniprograma e os parâmetros de caminho do site de destino para realizar o salto. Deve-se notar que o miniaplicativo alvo a ser acessado deve ser um miniaplicativo que tenha sido revisado e publicado.
2. Como usar a página do código QR para acessar o site no miniaplicativo WeChat?
Para pular da página do código QR para o site no miniaplicativo WeChat, você pode usar o método wx.scanCode e o método wx.navigateTo.
Primeiro, use o método wx.scanCode para escanear o código QR e obter o endereço do site contido no código QR. Em seguida, passe o endereço do site obtido como parâmetro para o método wx.navigateTo para realizar o salto da página do miniprograma. Depois que o usuário digitalizar o código QR, o miniprograma irá automaticamente para a página correspondente do site.
3. Como ir para uma página de site externo no miniprograma WeChat?
Para ir para uma página de site externo em um miniaplicativo WeChat, você pode usar o componente navegador ou chamar o método wx.navigateToMiniProgram.
Para usar o componente navigator, você só precisa adicionar a tag navigator no arquivo .wxml do applet e definir o atributo url para o endereço do site externo, que pode ser um caminho absoluto ou relativo. Quando o usuário clica no rótulo, o miniprograma irá para a página do site externo definido.
Usando o método wx.navigateToMiniProgram, você pode chamar esse método no arquivo .js do miniprograma e passar o appID do miniprograma e os parâmetros de caminho do site externo para realizar o salto. Ressalta-se que o site externo a ser redirecionado deve ser um miniprograma revisado e publicado.
Espero que o conteúdo acima possa ajudá-lo a entender melhor o mecanismo de salto de página do site dos miniprogramas WeChat. Se você tiver alguma dúvida, fique à vontade para perguntar!