微信小程序web-view跳转到公众号部署线上打开是空白的

最新推荐文章于 2024-06-18 17:54:59 发布
最新推荐文章于 2024-06-18 17:54:59 发布
阅读量1.5k 收藏 2
点赞数 1
文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41793354/article/details/124494619
版权
在将本地运行正常的小程序部署到线上时，遇到打开显示空白的问题。问题源于线上环境未正确配置服务器域名和业务域名。解决方案是登录微信公众平台，进入开发管理，配置相同的服务器域名和业务域名。完成设置后，小程序刷新即能正常显示内容。
摘要由CSDN通过智能技术生成

需求是做一个通过web-view跳转公众号加粉的功能

本地跑代码的时候是很正常的，但是部署到线上的时候，发现是打开是空白的，就感觉很奇怪，问题逐一排查发现了是因为本地勾选了

解决方法就是：

1.登录微信公众平台微信公众平台

2.找到菜单中的开发管理

3.点开发设置配置你的服务器域名和业务域名（都是同一个）

 

 4. 刷新小程序，成功显示内容

阿林阿林
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序 - 完美解决 web-view 公众号文章或第三方网站分享转发后，打开提示 “无法打开该页面，不支持打开” 或 “页面不存在”（IOS 苹果系统打开是空白页，安卓系统会有提示）超详细排查
王佳斌
01-30 1万+
微信小程序微信小程序提示无法打开该页面,不支持打开，打开webview公众号文章地址不对，小程序WebView打开关联的公众号文章失败，小程序webview访问公众号文章提示非业务域名，微信小程序页面分享后提示页面不存在或者页面空白的解决办法，微信小程序分享webview公众号文章页面提示 无法打开该页面,不支持打开，微信小程序webview提示页面不存在，小程序提示无法打开页小程序打开webview页面显示无法打开该页面显示一串地址，请在小程序右上角更多，微信小程序分享webview公众号文章页面提示无法
微信小程序-微信小程序-微信小程序-公众号热门文章信息流小程序项目源码-原生开发框架-含效果截图示例.zip
05-27
小程序不仅拥有近似原生App的用户体验，还完美支持微信生态内的社交功能，如微信支付、公众号关联等，为用户提供一站式服务。 微信小程序-项目源码-原生开发框架 源码特色： 原生体验：基于微信原生框架开发，流畅...
ios端微信小程序，web-view页面白屏，安卓正常显示
唯一的切慕，唯一的诗歌……
05-16 1万+
今天小程序上线，ios端小程序有的页面白屏，后来查到的问题是web-view的src中携带的参数中含有中文，ios端是不允许链接中有中文的，所以只能给中文转码了，h5页面提取参数的时候再解码一下就可以了 介绍一下javascript中，转码和解码的两种方法 1 中文转码 encodeURI(url) 2 解码 decodeURI(url)...
小程序跳转公众号或三方链接的几种方式
最新发布
weixin_44774699的博客
06-18 1548
具体使用方式见官网： https://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.html。使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。其中src是公众号文章的地址，这种方式其实并不能直接跳转到公众号，但可以打开公众号推送的文章。主要是通过客服消息发送引导关注的文章，文章中包含公众号信息（如：公众号二维码）选择开发管理->开发设置->业务域名->修改。
记录微信小程序 跳转页面使用 web-view 加载一直空白问题
wtianp的博客
01-02 1521
从微信小程序跳转时，web-view 一直处在加载中1.查看web-view src是否正确；（正确的）2.查看小程序业务域名是否配置跳转页面 域名；（已配置）3.开发者工具能正常跳转，电脑端微信小程序正常打开，手机端微信小程序不能正常跳转，4.电脑端网页能正常打开 但使用https 时 会提示不安全；（关键问题）5.手机浏览器打开相应链接 会先提示不安全 选择继续 可正常访问；（问题确定）服务端配置相应域名的SSL证书，成功解决问题
小程序webView页面转发后，进入页面空白
codingLeader的博客
12-05 3557
小程序webView页面，在点击右上角按钮分享后，进入分享的链接页面空白重新进入页面后，页面空白。 二、排查当前页面分享时没有对页面的分享链接做处理 需要通过小程序提供的onShareAppMessage方法，重新组装分享所需要的对象，包括分享的标题（title）、分享页面地址(path)、分享图片(imageUrl)等。组装完毕，重新赋值。 三、排查小
开发那点事（十五）微信小程序webView首次进入白屏优化方案
开发那点事
06-06 3806
微信小程序webView首次进入白屏优化
一起来玩WebApp第1篇---配置开发环境(下)
terry' sky
11-03 2956
在《一起来玩WebApp第1篇---配置开发环境(上)》中，我们已经介绍了如何在本机安装j2ee的JDK以及tomcat的安装和 设置。这篇文章主要介绍如何在你的Web App中使用Sencha Touch 2.0。否则大家还是两眼一抹黑啊。 建议用Eclipse来进行Sencha Touch2的开发。在网上找一个Eclipse For J2ee的解压缩版即可。 打开Eclipse开发环
解决uniapp项目在微信中跳转外部链接使用＜web-view＞会白屏的问题
Soncat2000的博客
01-10 2732
能力有限，希望能够帮助到你。
WEB_APP入门1
qq_34515002的博客
11-28 1567
参考：Hello，移动WEB   移动web的开发基础，高效的排版布局，常见的移动web问题，终端触摸交互 pixel像素基础 pt,px Viewport 640*960 initial-scale=1.0 devicePixelRadio ppi==326ppi 640*1136的图片，不能在iphone5上完全显示？ iphone5分辨率640*1136 px:C...
微信小程序--快速接入微信web-view控件
03-29
小程序可关联500个公众号 内嵌网页的支持使微信从单个App成为名符其实的平台更近了一步，赶紧来尝鲜下，web-view 官方文档地址 一，更新<微信开发者工具>至最新版 由于web-view 组件是由基础库 1.6.4 开始支持，...
微信小程序 ---- 组件应用和实际开发的DEMO
01-09
微信小程序是一种轻量级的应用开发平台，主要针对移动端，由腾讯公司推出，旨在提供便捷的、无需下载安装即可使用的线上服务。本主题聚焦于微信小程序的组件应用与实际开发，通过一系列DEMO来深入理解其核心功能和...
微信小程序Demo--公众号热门文章信息流-附完整源代码.rar
03-20
微信小程序Demo–公众号热门文章信息流是一款专为微信公众号设计的热门文章信息流展示小程序。它可以帮助公众号运营者快速获取和展示热门文章，提高用户阅读体验和互动性。本资源包含完整的小程序源代码，支持二次...
ChatGPT智能AI机器人微信小程序源码-带部署教程
05-10
最近ChatGPT智能AI聊天突然爆火了 ChatGPT 是 OpenAI 开发的一款专门从事对话的人工智能聊天机器人原型。...今天就给大家带来一款小程序版本的程序 包含前后端安装比较简单的其实 PS:api需要用户自行注册获取哈
解决直接读取webapp下的文件404问题
热门推荐
weixin_36146223的博客
03-06 1万+
最近在做微信的一个公众号页面的时候遇到一个问题。页面进行微信授权登录的时候老是报微信登录失败错误码10003的错误。然后查询得知是网页的域名和微信公众号的授权域名不一致导致。于是乎去往微信公众号平台进行修改授权域名。 但是在保存这个域名的时候，他总是会提示请将文件MP_verify_xxxxxxxx.txt上传至www.xxxxxxx.com指向的web服务器() 我明明都已经把文件拷贝到webapp路径下了。但是去浏览器页面输入的时候就是报错404。但是我如果放在webapp下其他文件里...
webApp用户体验优化——quickClick
思诚^_^
11-27 4312
前言近期对webApp的优化方面下了些功夫。优化的手段用了很多，图片压缩、cdn加速、ajax操作缓存、客户端数据缓存、弹性滑动等，一系列优化工作完成后，webApp的加载速度着实提高了不少，从原先的首屏1.75s到现在的300ms左右，还有稳定性和用户体验也还算可以。不过最让我头疼的是 页面上的点击事件总是有200ms~300ms的延迟，这个致命的弱点让webApp始终无法”以假乱真“，不过幸运的
移动前端webapp（html5页面）
十三狼的专栏
08-05 5385
CSS3+HTML5几乎可以毫无顾忌的使用，然后浏览器端考虑webkit内核的就差不多了。 1 2 3 4 <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabl.
小程序跳转H5页面，修复线上环境无法打开问题
用户什么都没有写。
12-05 3230
有时候会遇到小程序跳转到H5页面的需求，下面是利用web-view实现简单的小程序跳转到H5页面首先需要单独创建一个文件来使用web-view，解决线上环境无法打开H5问题
跳转微信小程序提示页面不存在或者页面空白的解决办法【图文教程】
zhichina的博客
08-22 1万+
原路径如果有.html，就删掉试试；如果原路径没.html，就加上试试。
微信小程序web-view跳转
06-08
微信小程序中，可以通过使用`<web-view>`标签来嵌入一个网页，实现跳转的效果。 具体步骤如下： 1. 在小程序页面的 `wxml` 文件中添加 `<web-view>` 标签，如下： ```html <web-view src="https://www.example.com"></web-view> ``` 其中，`src` 属性指定要跳转的网页地址。 2. 在小程序的 `app.json` 文件中，需要设置 `web-view` 组件的白名单，才能正常跳转网页。在 `app.json` 文件中添加以下代码： ```json { "mp-weixin": { "web-view": { "domain": "www.example.com", "navigation-bar-title-text": "网页标题" } } } ``` 其中，`domain` 属性指定了允许跳转的域名，`navigation-bar-title-text` 属性指定了网页标题。 3. 最后，在小程序中点击 `<web-view>` 标签即可跳转到指定的网页。 需要注意的是，微信小程序中跳转网页需要满足以下条件： - 小程序必须是发布状态，而非开发状态。 - 网页必须是使用 HTTPS 协议访问，而非 HTTP 协议。 - 网页必须在小程序的白名单中，否则无法正常跳转。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值