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提供的接口,虽然不如小程序原生接口丰富,也能获取到设备网络状态、地理位置等信息,另外还提供了微信扫一扫、摇一摇、长按识别、拍照等接口。
网友评论