微信小程序内嵌网页web-view开发教程(打包H5为小程序)
1、下载小程序开发工具
选择对应开发系统的版本https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
2、登录小程序开发者账号
3、选择小程序项目,填写:
项目目录:即小程序本地项目文件
注意:小程序本地文件,请寻找任意一个小程序demo文件包即可,需要包括pages、utils两个文件
APPID:填写小程序后台的appid即可
项目名称:对此次小程序项名称命名
4、进入开发画面
对右侧代码区,打开目录pages-index-index.wxml
修改该文件代码如下:
<!–index.wxml–>
<view class="container">
<web-view src="https://m.baidu.com"></web-view>
</view>
说明:上面的网址,即为你需要嵌入H5的首页地址。该域名地址,需要提前在小程序后台进行业务域名配置。否则无法访问。
5、修改后上传
开发工具右上角-上传。填写版本号 然后管理员账号在小程序后台提交审核即可
其他:
修改小程序首页名称、头部颜色
访问右侧代码区,打开目录:app.json
修改代码:
“navigationBarBackgroundColor": “#00264d",
“navigationBarTitleText": “百度",