小程序webview使用避坑(因为开发者配置域名错误导致打开失败)

问题

小程序webview使用时出现了这样的错误提示

前提条件:嵌入的页面域名已经申请过业务域名

然后访问报如下错误

经过测试发现,当需要微信授权登录的H5页面直接通过小程序webview访问时,会出现类似的错误。

解决方案

对浏览器进行判断,如果是小程序webview(官方判断条件:window.__wxjs_environment === ‘miniprogram‘)就跳过授权登录。这样就规避了访问非授权业务域名问题。

原文地址:https://www.cnblogs.com/homehtml/p/12196125.html

时间: 2024-08-29 21:40:24

小程序webview使用避坑(因为开发者配置域名错误导致打开失败)的相关文章

微信小程序开发问题踩坑整理,web-view、openID、小程序支付等汇总

微信小程序开发过程中遇到的问题踩坑整理,内容包括web-view.openID.小程序支付.网络请求等等一系列问题汇总,希望对大家能有一定帮助和启发. 内容如下: 关于小程序web-view bindmessage 真机不触发的问题 小程序iOS访问服务器访问不上,但android没有问题 关于ssl证书加密后小程序访问出错问题 微信拨打电话数据调用问题,如何一键拨号 后台php调用微信小程序接口获取openid,返回的是null 小程序图片显示问题,开发者工具显示,手机预览不显示 微信小程序支

微信小程序<web-view>出现{"base_resp":{"ret":-1}}

最近在使用小程序<web-view>这个标签加载一个https网页的时候出现了{"base_resp":{"ret":-1}}这一个问题 搞了好久~后来才发现是没把不校验合法域名.web-view(业务域名).TLS版本及HTTPS证书这一个选项选上, 只要把这个勾上了显示就正常了. 使用<web-view>这个标签需要在小程序管理后台设置业务域名,登录后台后找到设置-开发设置-业务域名,然后把你需要加载的域名添加进去 原文地址:https:

小程序webview 转发 分享朋友圈

转战小程序 webview  H5页面 的转发分享朋友圈功能 先说 小程序分享朋友圈的 功能实现 在小程序内部做分享,尚且需要用画布画出带有二维码的图片,在H5页面上更不用说了,根本就碰不着小程序的自己的api.老老实实画画布吧. 做的过程中发现以下几个问题: 1. IOS白屏打不开webview 页面. 2. 调用获取二维码接口,code 已经200,但是不进回调,并且后台报错. 3. 二维码接口调回来是二进制流,或者后台处理成base64,都无法画到画布上. 4.将画布图片保存到本地. 原文

网页程序迁移至微信小程序web-view详解

小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高: 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但是微信的webview有一些坑,这篇文章就是列举一下我在开发过程中遇到的一些问题以及我找到的一些解决方案. 遇到的问题 openid登录问题 webview动态src 支付功能 分享功能 扫描普通二维码跳转特定页面 返回按钮缺失问题 openid登录问题 微信webview的使用方法很简单,只要如下设置src就可

微信小程序 POST传值跳坑

1.post请求 wx.request(OBJECT) wx.request 发起的是 HTTPS 请求.一个微信小程序,同时只能有5个网络请求连接. 官网上描述 参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object.String 否 请求的参数 header Object 否 设置请求的 header , header 中不能设置 Referer method String 否 默认为 GET,有效值:OPTIONS, GET, HEAD, POST

生成指定页面带参数的小程序码及踩坑

//获取accessToken let that = this; const APP_ID = 'yourapp_id';// 小程序appid const APP_SECRET = 'yourapp_secreat';// 小程序app_secret let access_token = ''; wx.request({ url:"https://api.weixin.qq.com/cgi-bin/token", data: { grant_type: 'client_credent

找外包公司做小程序都有哪些坑?

小程序火了,许多企业都想做小程序,但是苦于没有技术团队,所以找外包公司成了最好的选择.但是传统的外包公司总是给人一种不靠谱的感觉,外包公司都有哪些不靠谱呢? 第一.没有不能做的产品 不靠谱的外包公司通常号称自己什么都能做,你提的任何需求他都承诺可以做.不去具体分析需求,这种其实是很不负责任的表现.遇到这种是最惨的,稀里糊涂的产品就被做出来了,结果发现达不到自己想要的效果,欲哭无泪. 第二.没有核心技术人员 外包行业的很多从业者在专业性方面有所缺乏,完成的项目质量因此受到影响:这个问题一些大的外包

支付宝小程序正式上线公测 附开发者工具和开发文档

支付宝小程序正式进入公测阶段,开发者可以申请公测了.支付宝小程序是一种全新的开放模式,它运行在支付宝客户端,可以被便捷地获取和传播,为终端用户提供更优的用户体验.小程序开放给开发者更多的JSAPI和OpenAPI能力,通过小程序可以为用户提供多样化便捷服务.公测申请地址:https://openhome.alipay.com/platform/miniBeta.htm 支付宝小程序特色能力 1.支付能力.满足商户各商业经营场景的支付需求2.信用能力.为商户高效识别用户的真实.靠谱性3.大数据能力

2018微信小程序开发遇到的坑

第一个坑:wx.showModal(OBJECT) wx.showModal在安卓手机里,如果点击遮罩的话会关闭弹窗,不会有任何回调.而苹果的情况下则是点击遮罩不会有任何反应. 这样会有什么问题呢? 比如我有一个A界面是登录后才能访问的,在进入A界面后如果发现并没有登录的话则会弹窗要求再次授权,这时取消返回首页,确定再次授权,授权后访问A界面. 那么问题来了,如果我点击了遮罩没有任何回调的话则停留在了一个白屏的A界面-- 查了查官方有很多人有反应过这个安卓和苹果的区别.但是官方的回复是设计如此-