H5页面跳转小程序,easyWeChat配置

2021-05-25  本文已影响0人  wiheck

时间: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.
简单记录希望能帮到你。

上一篇下一篇

猜你喜欢

热点阅读