admin管理员组文章数量:1563533
1.最近公司得业务需求,用户用手机浏览器扫码,然后提示用户跳小程序,发现微信得接口刚好改动,以前得方法不能用了,得重新写,
首先看微信文档:
如果是手机浏览器跳,需要后端用appid和密钥获取到access_token,文档在urlscheme.generate | 微信开放文档这里,然后把需要跳转得小程序页面和参数传给后端,后端会生成一个短码,然后把短码放在a链接里,用户点击后,就会提示跳转微信,由于各个浏览器不一样,提示得跳转框也不一样,也无伤大雅。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr/npm/vue@2.6.14/dist/vue.js"></script>
<link rel="stylesheet" href="https://unpkg/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<a :href="applet">打开微信小程序</a>
</div>
</body>
<script>
new Vue({
el: '#app',
data: function() {
return {
visible: false,
applet:""
}
},
created() {
this.getdata()
},
methods:{
getdata(){
axios({
method: 'get',//提交方法
url: 'http://192.168.3.167:8095/yunma-factory/sys/wx/handleTicket.sdo',//提交地址
params: {
secuCode:'10292094235442879',
}
}).then((res) => {
console.log(res);
this.applet=res.data.msg
})
}
}
})
</script>
</html>
版权声明:本文标题:手机浏览器跳微信小程序 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1727472546a1116248.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论