1. Primeiro forneça este link para o backend e deixe o backend escrever uma interface
Obtenha o código do esquema | Documento aberto do WeChat
O caminho path (o caminho para a página que leva ao miniaplicativo) precisa ser fornecido ao backend
2, o código acima (estrutura vue2)
<template>
<button type="button" class="btnGoWeapp" @click="goWeapp">点击跳转小程序</button>
</template>
<script>
import $ from '../utils/axios'
export default {
mounted(){
},
methods: {
goWeapp(){
// 先判断是不是pc端打开的h5 如果是pc端提醒用手机打开页面
if(window.navigator.userAgent.indexOf("Windows") != -1){
window.alert("请使用手机打开!")
}else{
// 调取接口获取URL Scheme
$.post('/api/wx/GenerateScheme', {
path:"pages/store/index",//打开的小程序页面路径
query:""//传递的参数 在小程序 onload(options) options中可以拿到
})
.then(res => {
let UrlScheme=res.Data
// 打开小程序
window.open(UrlScheme);
})
}
}
}
}
</script>
<style scoped>
.btnGoWeapp{
width: 50%;
font-size: 0.2rem;
}
</style>
Nota: o celular da Apple pode não conseguir pular
Aguarde um pouco para pegar o caminho e depois pule
let UrlScheme=res.Data
// 打开小程序
// window.open(UrlScheme);
setTimeout(()=>{
window.open(UrlScheme);
},200)
feito ~