微信小程序中内嵌一个h5页面

1.写好要嵌入的html页面

PS：我是用sublime编辑器编写的html页面，从后台服务器上面读取数据（富文本的内容），追加到body里面，再上传到前端服务器上面

2.把h5文件夹（包括多个需要内嵌到小程序里面的html文件）上传到服务器上面

PS：可使用Xftp6破解版，新建会话，填写主机、用户名和密码。去到自己的目录下，例如/home/xxx，把文件直接拖拽到/xxx目录下，可自动上传）

3.小程序的 .wxml文件中使用web-view组件【微信公众平台–小程序开发–组件–开放能力–web-view】

PS：web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

<view><web-view src="{{url}}"></web-view>
</view>

4.小程序的 .js文件中，获取服务器上面的h5文件夹中的html页面

5.小程序内嵌h5页面的浏览效果如下：

PS：这是一个h5页面，从后台获取到的数据，文本+图片

微信小程序中内嵌一个h5页面相关推荐

实现微信小程序web-view内嵌H5中的下载功能(大文件切片下载)
实现微信小程序内嵌H5中的下载功能一.项目场景: 难点解决方案: 1.H5微信小程序: a.首先必不可少的是安装jweixin-module模块: b.在main.js中将依赖绑定: c.H5对应 ...
[微信小程序]WebView内嵌H5实现本地文件上传
[官方文档] 小程序与H5如何互相跳转小程序与H5交互以上传文件为例微信小程序开放能力web-view使用之h5页面与小程序页面交互传值快速小程序开发之微信小程序内嵌 H5 微信小程序web-v ...
微信小程序webview内嵌H5页面缓存
微信小程序webview内嵌H5页面缓存参考链接: link. 问题描述: 公司项目已经开发了一个移动端的vue项目,以微信小程序作为一个入口,节省资源去原生开发,webview成了最好的选择.vu ...
微信小程序与内嵌网页交互实现支付功能
上个月,小程序开放了新功能,支持内嵌网页,所以我就开始了小程序内嵌网页之路,之前我只是个小安卓. 内嵌网页中可使用JSSDK 1.3.0提供的接口,可坑就来了,居然不支持支付接口的调用,经过一番研究, ...
在微信小程序中怎么让一个页面的信息传递到另一个页面
首先需要在前台搭建好需要展示的那个页面.  <view class='nav'>输入个人信息</view> ...
微信小程序 - 基础 - 002 - WEUI - 一个基本页面的设计 - index页面的制作
1 前言: 本系列依据微信给出的实例,进行比较细致的解读和逐步分析.实践. 遇到很小的知识点,也做了一点的分析和解释,希望是能够帮助0起步的同学. 大虾们请选择跳过, 开始讨论一个微信小程序的页面设计 ...
微信小程序中全局变量userInfo在其它页面不可用（wx.getUserInfo为异步获取信息）
app.js中获取用户的openid和userinfo,并存储为全局变量,当在index中调用getApp().globalData.userInfo时却返回为空值: getUserInfo: fun ...
微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...
微信小程序webview内嵌h5页面
微信官方文档web-view | 微信开放文档正式上线前准备(前期开发调试可以忽略) 首先登录小程序管理后台,把 web-view 直连的 h5 页面地添加到配置域名白名单中比如我想要小程序直连地 ...

微信小程序中内嵌一个h5页面

1.写好要嵌入的html页面

PS：我是用sublime编辑器编写的html页面，从后台服务器上面读取数据（富文本的内容），追加到body里面，再上传到前端服务器上面

2.把h5文件夹（包括多个需要内嵌到小程序里面的html文件）上传到服务器上面

PS：可使用Xftp6破解版，新建会话，填写主机、用户名和密码。去到自己的目录下，例如/home/xxx，把文件直接拖拽到/xxx目录下，可自动上传）

3.小程序的 .wxml文件中使用web-view组件【微信公众平台–小程序开发–组件–开放能力–web-view】

PS：web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

4.小程序的 .js文件中，获取服务器上面的h5文件夹中的html页面

5.小程序内嵌h5页面的浏览效果如下：

PS：这是一个h5页面，从后台获取到的数据，文本+图片

微信小程序中内嵌一个h5页面相关推荐

最新文章

热门文章