美文网首页
h5页面在微信小程序中访问(h5转换为微信小程序)

h5页面在微信小程序中访问(h5转换为微信小程序)

作者: ME88 | 来源:发表于2021-10-15 15:35 被阅读0次

    1.打开微信开发者工具,新建一个小程序项目,如果没有正式appid,可先用测试号

    2. 新建小程序完成后,打开编辑器,在项目录中找app.json文件,将pages项目中多余的代码删除,navigationBarTitleText 项目对应的小程序名字,修改为你的小程序名

    3.打开/pages/index/index.wxml文件,清空默认代码,添加

    <web-view src="你的h5网站域名"></web-view>

    (注意:如果域名还没有绑定 https 证书,需要点击右边详情后勾选不校验合法域名!)

    web-view

    承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。

    指向域名的限制:域名必须为https协议且经过ICP备案

    域名修改限制:一个小程序最多可添加20个域名,一年可修改50次

    小程序提供了webview网页中使用的JSSDK文件,引用方式如下:

    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>

    wx.miniProgram.navigateTo({url: '/path/to/page'})  //要跳到的小程序页面路径

    引入SDK后可以调用小程序JSSDK提供的接口,虽然不如小程序原生接口丰富,也能获取到设备网络状态、地理位置等信息,另外还提供了微信扫一扫、摇一摇、长按识别、拍照等接口。

    相关文章

      网友评论

          本文标题:h5页面在微信小程序中访问(h5转换为微信小程序)

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