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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容