• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序显示H5网页教程 - muzidao

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

小程序显示H5网页教程

2019-07-27 09:13  muzidao  阅读(5415)  评论(0编辑  收藏  举报

一、介绍

小程序里显示Html代码,目前插件(wxParse 解析html)解析支持不太好,有时候格式还是达不到预想的效果。 小程序里的HTML语法有台奇葩, 最好的解决方案是直接在里面显示HTML页面,使用小程序的web-view组件。

之前由于需要验证原因,很多人把Bmob的素材页面填写到微信的业务域名,提示:
小程序设置web-view业务域名,解决“不支持打开非业务域名,请重新配置”
这个提示的根本原因,是没有成功设置业务域名。次次开放业务域名设置。大家可以上传静态HTML文件到自己应用。

二、设置业务域名前要做的准备

1.备案的域名 (如果有自己备案的域名,可以提交工单绑定自己域名,没有Bmob后端可以开通一个应用私人域名)
2.FTP 上传工具(这里大家通过Bmob后台素材生成HTML,或自己编写的代码工具都可以)当然FTP会更方便管理这些文件。

三、设置教程

1.登陆微信小程序控制台,进入设置-》开发设置-》业务域名(这里注意,目前只有企业资质也有这个设置)

 

2.点击设置,注意这里需要管理员扫描
下载这个效验文件到电脑,目前格式是txt。传入到自己私人域名

 

 

 

3.上传到自己应用文件域名下

 

 

4.检查是否正确
上传成功后,点击保存。完成设置

四、显示HTML

示例代码

  

https://mp.weixin.qq.com/ 是你的HTML地址。

数据库查询标题,列表也点击开这个URL。 例如Bmob的图文素材表,都会有个HTML,大家可以把这个地址填入web-view 这样就完美的解决了小程序显示HTML代码错乱问题。

 

这是我们的开源商城源码,可扫码关注: 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序与HTML5的区别发布时间:2022-07-18
下一篇:
一文读懂H5/App/小程序的区别发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap