美文网首页
H5页面跳转小程序,easyWeChat配置

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

作者: wiheck | 来源:发表于2021-05-25 16:07 被阅读0次

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

    相关文章

      网友评论

          本文标题:H5页面跳转小程序,easyWeChat配置

          本文链接:https://www.haomeiwen.com/subject/jthcsltx.html