如何在小程序里面放入企业官网注意:

小程序解析html网页标签,有3种方法: 1:使用 wxParse 解析html 2:单独解析 html标签 3:使用最新的小程序组件 web-view

前段时间,微信正式宣布为方便开发者灵活配置小程序,小程序现开放内嵌 Web 页面能力,但这个开放的能力也具有一定的局限性,小程序如果想要内嵌网页,那域名只能是自己公司的,对这个网站拥有控制权才可以。

参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/web-view.html

在小程序里面放入企业官网的步骤

1:新建项目

图片.png

2:填写小程序appid和文件在磁盘的位置

图片.png

3:新建一个wxml 加入这段代码:<web-view src="http://www.intmote.com/"></web-view>

图片.png

问题:

小程序设置web-view业务域名,解决“不支持打开非业务域名,请重新配置”问题

原因:我用的是个人的小程序

如果:“ 个人类型与海外类型的小程序暂不支持使用。” 你需要先配置业务域名,但是个人类型的小程序,还不支持这个功能。

图片.png

在小程序官方后台设置web-view的业务域名

继续换了公司注册的服务号小程序进行测试 1:设置web-view域名前要做的准备

  • 需要小程序管理员扫码验证
  • 业务域名需要ICP备案
  • ftp或者filezilla上传工具:小程序需要验证你业务域名的所有权,验证方法是,上传验证文件到你域名的根目录。

2: 设置web-view域名流程和方法

1) 登录小程序后台,依次选择‘设置/开发设置’

图片.png

2)在网页中间会看到‘业务域名’板块,小程序业务域名位置,点击‘开始配置’按钮

图片.png

3) 填写小程序业务域名

如果你有多个域名要添加,可以点击 + 号,我填写的是:公司官网:http://www.intmote.com

图片.png

4)填写好后,点击‘下载检验文件’

图片.png

5)然后通过filezilla 把下载的文件上传到前面填写的网站根目录

图片.png

图片.png

6)验证通过后,点击‘保存’按钮,即可完成业务域名配置

具体如下:

业务域名:www.intmote.com

校验文件名:pN76ECLf7Q.txt

校验文件已经放到域名根目录,且通过http://www.intmote.com/pN76ECLf7Q.txt可以访问到文件内容 http://www.intmote.com/pN76ECLf7Q.txt

图片.png

7)小程序业务域名添加成功

图片.png

注意:

可能会出现以下这样的问题:保存时还是提示校验文件失败。

图片.png

可能原因

1.校验文件内容错误。校验文件内容一般是非HTML数据,如果下载下来的校验文件内容为HTML数据,一般为登录态过期。请重新登录小程序下载校验文件。

2.https证书过期。请确保https证书处于有效期内。

3.使用curl 测试链接,确保curl能够正常访问链接。

4.请确保url中的文件名与下载下来的文件名大小写一致。

如下载的文件是pN76ECLf7Q.txt,确保url是http://www.intmote.com/pN76ECLf7Q.txt,不能是http://www.intmote.com/pn76eclf7q.txt

自荐文章:

进阶攻略|前端最全的框架总结 web开发快速提高工作效率的一些资源 程序员如何利用空闲时间挣零花钱 几款在线脑图制作工具 一个前端妹子的悲欢编程之路 【程序员交友】祈澈姑娘:假装文艺与代码齐飞的前端妹子 进阶攻略|前端完整的学习路线

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏美团技术团队

LsLoader——通用移动端Web App离线化方案

背景 由于JavaScript(以下简称JS)语言的特性,前端作用域拆分一直是前端开发中的首要关卡。从简单的全局变量分配,到RequireJS实现的AMD模块方...

471170
来自专栏葡萄城控件技术团队

HTML5 & CSS3初学者指南(3) – HTML5新特性

介绍 本文介绍了 HTML5 的一些新特性。主要包含以下几个方面: Web 存储 地理位置 拖放 服务器发送事件 Web存储 HTML5...

26480
来自专栏BeJavaGod

搜索服务solr 一二事(1) - solr-5.5 使用自带Jetty或者tomcat 搭建单机版搜索服务器

solr,什么是solr,就是你要吃的东西“馊了”,不能吃了,out of date~ 嘛。。。开个玩笑,发音就是‘搜了’,专门用于搜索的一个开源框架,lunc...

33060
来自专栏FreeBuf

护卫神主机大师提权漏洞利用分析

护卫神·主机大师支持一键安装网站运行环境(IIS+ASP+ASP.net+PHP5.2-5.6+MySQL+FTP+伪静态+PhpMyAdmin),并可在线开设...

30200
来自专栏IT笔记

前后端分离之Vue项目构建测试打包发布

写在开始 其实之前对前后端分离研究过一段时间,中间由于项目进度耽搁也就不了了之了,最近项目中部分使用到了Vue,恰逢前端小伙伴们居然说要使用这个东西,也许是前端...

38790
来自专栏Timhbw博客

小白搭建博客教程-wordpress等博客平台安装步骤(4)完结

2016-06-1023:25:51 发表评论 3,236℃热度 上一回说道:小白搭建博客教程之流程,这次趁着端午节写完它,也算是一个了结。 ? 教程有4篇:...

49780
来自专栏Coco的专栏

【nodeJS爬虫】前端爬虫系列 -- 小爬「博客园」

26480
来自专栏不二小段

【爬虫军火库】AnyProxy安装使用【Windows】

分析网络请求详情是写爬虫应用的初始步骤,抓包便是一种十分强大的分析手段,尤其是对手机App进行抓包,往往能收获到Web端没有的API接口。抓包的工具多种多样,功...

2.1K60
来自专栏IMWeb前端团队

再见2015 再见cmd

本文作者:IMWeb yisbug 原文出处:IMWeb社区 未经同意,禁止转载 2015年已经快要过去了,你是否还在使用有着十几年历史的cmd命令行...

33790
来自专栏全栈之路

工作以来用过的工具和网站

这是一个特别棒的编辑器,支持各种语言,内部集成了插件下载工具和git版本管理工具,而且界面结构特别简洁优雅,重要的它还是免费的。目前用它来开发服务器端,使用语言...

11120

扫码关注云+社区

领取腾讯云代金券