微信小程序内嵌网页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": “百度",

技术小程序,微信

Posted by Gauin