时间:2021年5月25日
实现功能:H5页面跳转小程序
参考链接:官方文档
由于easyWeChat生成的jssdk配置没有添加小程序跳转配置,先手动加上去,如下如:
需要修改源码的文件.png需要修改的代码.png
只有线上才能测试,本地测试不了。
微信开发工具看到下面配置项说明配置成功生效。可以开始着手跳转了。
image.png
html页面代码,需要先确保上述配置生效才可以。
<wx-open-launch-weapp
id="launch-btn"
username="gh_05c3xxxxxx"
path="pages/groupCourse/groupCourseList"
>
<template>
<style>
.jump_wx_mini{font-size: 12px; color: #9e9e9e;padding: 12px;}
</style>
<div class="jump_wx_mini" >跳转小程序</div>
</template>
</wx-open-launch-weapp>
比较坑的是样式上需要在temp里面单独写,如果需要撑开,padding一下吧,试试就知道我为啥要提这句了 T T.
简单记录希望能帮到你。
网友评论