app外壳加html5页面 app内嵌h5页面怎么做

简单的一句话来讲：web-view 是一个 web 浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue 使用需要手动指定宽高）。

web-view的各类属性值：

第一步：使用HBuilder创建一个uniapp项目，没有安装HBuilder可以在官网下载一下。
官网地址：https://www.dcloud.io/hbuilderx.html 新建一个uniapp项目：

1. 点击文件——>新建——>项目
2. 在弹出的窗口中选择uni-app
3. 配置项目名称，及项目所有存放的路径，根据需求选择模板
4. 配置完成后，点击下方的创建即可

第二步：在创建的uniapp项目中，找到index.vue文件，写一个的标签，其中，属性src需要配置上要访问的h5的链接地址。

<template>
	<view class="content">
		<web-view src="http://要访问的ip地址/lsyzt/lsydy/new_Hpage.html"></web-view>
	</view>
</template>

第三步：配置小程序的appid

登录微信公众平台，登录小程序账号，在【设置】下的【基本配置】中找到账号信息，复制AppID。

在程序目录中，找到manifest.json文件，将appid放置到【微信小程序配置】中

第四步：配置完成后，点击运行，运行到小程序模拟器

选择微信开发者工具，配置好路径。

编译过程中，如果报错：

需要在微信开发者工具中开启一下服务端口：

配置完成后，界面会在开发者工具中展示出来：

第五步：发布微信小程序

在开发者工具中，点击上传按钮，配置版本号等相关项目备注，点击右下方的上传即可

上传完成后，可以在微信公众平台中展示：

【管理】-【版本管理】

第六步：提交审核

程序开发完成，无误后，可以直接点击上方图片中的提交审核，等待审核通过就好了。