美文网首页
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配置

    时间:2021年5月25日实现功能:H5页面跳转小程序参考链接:官方文档[https://developers.w...

  • h5跳转小程序之静态网页

    首先h5跳转小程序的方式有很多,这里说得不是小程序中嵌套h5页面,而是单纯的一个(外部的)h5页面跳转小程序,我的...

  • 小程序和H5页面互相跳转的实现

    需求体现: 在小程序里面,实现小程序和H5页面互相跳转。 1. 实现H5页面跳转小程序 小程序里面加载H5页面,需...

  • 小程序和h5跳转

    公司要做h5跳转小程序,就试着调试了一下。目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序 小程序跳H5...

  • h5跳转微信小程序

    微信小程序web-view中内嵌的h5页面,跳转小程序 微信小程序文档:https://developers.we...

  • 小程序跳h5 页面 分享等

    1.小程序跳外链 h5页面 h5 单独一个域名放h5页面 用于小程序访问单独写一个组件,用于 类似iframe...

  • H5跳小程序

    H5跳转小程序分两种情况,一种是小程序内部打开的H5跳转小程序,一种是在外部的H5跳转到小程序 小程序内部打开的H...

  • 小程序和H5页面的相互跳转

    一、小程序跳h5页面 小程序跳转H5页面是通过web-view组件来实现的,web-view是一个可以用来...

  • 小程序和h5页面之间的互相跳转

    小程序跳转到 H5 页面 H5 页面跳回小程序 在 h5 页面的任何点击事件中: 在H5页面引入 https://...

  • 微信公众号跳转小程序展示h5页面失败

    微信公众号跳转小程序展示h5页面. 模板链接如:pages/index/index?url=https%3A%2F...

网友评论

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

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