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

简介: 如何在小程序里面放入企业官网

小程序解析html网页标签,有3种方法:

1:使用 wxParse 解析html

2:单独解析 html标签

3:使用最新的小程序组件 web-view


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


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

1:新建项目

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

3:新建一个wxml

加入这段代码:<web-view src="http://www.intmote.com/"></web-view>


问题:

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

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

如果:“ 个人类型与海外类型的小程序暂不支持使用。”

你需要先配置业务域名,但是个人类型的小程序,还不支持这个功能。


踩坑完毕

现在开始登陆公司小程序,加入公司小程序appid,重复以上步骤,新建一个wxml

加入这段代码:<web-view src="http://www.intmote.com/"></web-view>


无法打开是因为业务域名还没有配置,那么进入平台,开始配置业务域名。

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

继续换了公司注册的服务号小程序进行测试

1:设置web-view域名前要做的准备

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

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

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

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

3) 填写小程序业务域名

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

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

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

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

具体如下:

业务域名:www.inxxxxxte.com

校验文件名:pN76ECLf7Q.txt

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

http://www.intxxxote.com/pNxxECLf7Q.txt

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

8)引入官网之后的效果图

注意:

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


可能原因

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


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


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


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


目录
打赏
0
0
0
0
12
分享
相关文章
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
178 2
基于ssm+vue.js+uniapp小程序的手机官网附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的手机官网附带文章和源代码设计说明文档ppt
85 1
小程序之如何学习一个新的知识,首先就是通过官网进行讲解!!(2)
小程序之如何学习一个新的知识,首先就是通过官网进行讲解!!(2)
二当家的官网微信小程序源码实例解析
二当家的官网微信小程序源码实例解析,微信小程序开发教程;不多说,请直接下载源码http://www.
1212 0
陪练,代练,护航,代打小程序源码/前端UNIAPP-VUE2.0开发 后端Thinkphp6管理/具备家政服务的综合型平台
这款APP通过技术创新,将代练、家政、娱乐社交等场景融合,打造“全能型生活服务生态圈”。以代练为切入点,提供模块化代码支持快速搭建平台,结合智能匹配与技能审核机制,拓展家政服务和商业管理功能。技术架构具备高安全性和扩展性,支持多业务复用,如押金冻结、录屏监控等功能跨领域应用。商业模式多元,包括交易抽成、增值服务及广告联名,同时设计跨领域积分体系提升用户粘性,实现生态共生与B端赋能。
260 12
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
203 0
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
171 0
在线课堂+工具组件小程序uniapp移动端源码
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
1301 3
|
9月前
|
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
208 0
微信小程序更新提醒uniapp
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
244 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问