【微信小程序】webview使用、限制、扩展说明

news2025/2/3 3:01:15

0 说明

只是一些我自己常见的用法的整理和说明
更多用法还是请看官方文档:web-view


1 小程序web-view支持的页面

1、关联公众号的文章页【活动、文章、引导关注】
2、服务器配置了微信安全校验文件的网页【需要放置在域名根目录下】


2 小程序web-view不支持的页面

1、关联公众号的非文章页【公众号带“关注”按钮的首页(下图)】
2、未配置微信校验文件的网页【外部的一些网页】
关联公众号的非文章页


3 读取参数,动态跳转页面

起跳页,传入参数

wx.navigateTo({
    url: `../webview/index?redirect=${encodeURIComponent(that.data.path) }`,
})

webview页面,读取参数

onLoad(options) {
    console.log(options)

    const redirect = options?.redirect;
    if(redirect) {
      this.setData({
        path: decodeURIComponent(redirect),
      })
    }
  },

用生成的带参数的Url Scheme跳入也可以读取到参数

如果想知道渠道来源,比如业务场景是从多个渠道通过Url Scheme跳入web-view,想知道各个渠道的流量,也可以在生成时设置不同的channel字段,然后在此处读取再落库。


4 从web-view跳回

在h5中,也可以调用一些wx提供的接口,比如常见的跳回带参

//h5中
wx.miniProgram.postMessage({data:'fail'})
wx.miniProgram.redirectTo({url:"/pages/index/index"})

但是,参数只会在向小程序发送消息,会在特定时机(小程序后退、组件销毁、分享)触发组件的 message 事件时发送

wx提供了一些接口,但不是很多hh
具体还是请看官方文档吧


5 其他说明

5.1 隐藏左上角首页键

Url Scheme跳转进入时,进入的并非小程序首页,左上角会出现首页按钮,可以隐藏

onShow() {
    // 隐藏左上角返回首页按钮
    wx.hideHomeButton()
  },

官方建议是在onShow中使用

5.2 隐藏左上角返回键

从其他页面进入时,用wx.reLauch({})

5.3 获取openid、unionid

可以在onLoad中,添加一个方法一进入就调用,用wx.login以及你自己的后端服务,即可获得用户的openid、unionid

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/192827.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Maxtang大唐英特尔12代J6412无风扇双网口迷你主机真实评测

今天为大家评测一款无风扇的双网口迷你主机,这款主机来自于maxtang大唐采用了英特尔12代赛扬J6412处理器,产品最出彩的地方就是它的网络配置,不仅拥有双千兆网口,还搭载了SIM卡插槽,并支持4G上网。评测产品配置如下&am…

蓝桥杯-玩具蛇

没有白走的路,每一步都算数🎈🎈🎈 题目描述: 已知一个4x4的方格,和一个16个单位长度组成的玩具蛇,即蛇头,蛇身,蛇尾的长度总共是16, 假设蛇的一节在方格中的…

Linux安装JDK8详细步骤

目录 1.虚拟机开启后,在/opt目录下新建文件夹 2.将JDK8压缩包传入/opt/install文件夹中 3. 解压JDK8到/opt/soft目录下 4.更改文件名 5.配置环境变量 6.检查JDK8是否安装成功 1.虚拟机开启后,在/opt目录下新建文件夹 2.将JDK8压缩包传入/opt/insta…

关于【继承】这些你都了解吗?

致前行的人: 要努力,但不要着急,繁花锦簇,硕果累累,都需要过程! 目录 1.继承的概念和定义 1.1继承的概念 1.2继承的定义 2.基类和派生类对象赋值转换 3.继承中的作用域 4.派生类的默认成员函数 5.继承与友元…

企业微信开发(五)群活码

企业微信API,提供一个群活码的功能,好友可以通过扫码直接进群,非好友关系也可以。群活码的性质,在群满200人后自动创建新的群,把后面扫码的人添加进去,但是该活码只能放5个群,企业微信API&#…

【电子学会】2022年09月图形化三级 -- 加法出题器

加法出题器 编写程序出10道40以内的加法题,两个加数为20以内的正整数,程序最后提示回答正确的数量。 1. 准备工作 (1)默认小猫角色,默认白色背景。 2. 功能实现 (1)点击绿旗后,角…

安装openGauss

一、准备软硬件环境1.新建用户组、用户groupadd dbgroupuseradd -g dbgroup smispasswd smis新密码:smis1qazxc2.创建文件夹mkdir -p /opt/software/openGausschown 755 -R /opt/softwarechown -R smis /opt/software/openGauss3.下载安装包下载地址:htt…

Python爬虫之Scrapy框架系列(12)——实战ZH小说的爬取来深入学习CrawlSpider

目录:1. CrawlSpider的引入:(1)首先:观察之前创建spider爬虫文件时(2)然后:通过命令scrapy genspider获取帮助:(3)最后:使用模板crawl…

从电影《流浪地球2》,看东西方价值观,中华文化五千年有原因的

说起今年的春节档电影,很多人都会想起《满江红》,因为这部由张艺谋导演的电影,票房一直在屡创新高。其实观众关注《满江红》的同时,也不要忘了另一部电影,贺岁片《流浪地球2》同样不可小觑。 一直以来,科幻…

【小程序】报错:no such file or directory, access ‘wxfile://usr/miniprogramLog/log2‘

出现场景 在微信小程序开发中,使用真机调试的时候,出现这个错误 解决方式 将真机调试由2.0切换到1.0

37. 实战:Xpath+线程池实现抓取任意完整小说一千余节到本地txt文件/模板任意小说网站可套用(附源码)

目录 前言 目的 思路 代码实现 1. 从给定的URL中拿到所有章节的标题和子链接 2. 将标题和子链接形成一个字典,便于后续提取信息 3. 实现在单个章节详细页面提取所有文本信息 4. 保存到本地文件,在前面加上数字序号便于顺序保存 5. 在主函数中添…

STL使用方法(C++)

目录 1 前言 2 迭代器 2.1 访问第一个元素 2.2 访问最后一个元素的下一个元素 2.3 遍历方法 2.3.1 while 2.3.2 for(最常用) 2.4 适用性 3 基本数据结构 3.1 vector(动态数组) 3.1.1 insert(插入…

最全面的SpringBoot教程(一)——SpringBoot概述

前言 本文为 【SpringBoot教程】SpringBoot概述 相关知识,下边将对SpringBoot简介(包括:什么是SpringBoot,SpringBoot的特点,SpringBoot的功能,SpringBoot官网),SpringBoot快速入门&…

JAVA 同步锁

文章目录synchronizedsynchronized 作用当前对象synchronized 作用订单号条件synchronized 作用订单号字符串条件ReentrantLock 加 ConcurrentHashMap需求: 同一个订单才加同步锁,不同订单可并行synchronized synchronized是Java中的关键字,…

python--飞机大战(课程设计)

实现功能: 1:飞机的移动,发射子弹,手雷,生命值,生命条 2:敌飞机有3种形态(小,中,大)不同的飞机大小不一样,生命值不一样&#xff0c…

【halcon学习-读图像和遍历文件下图像】

halcon学习-读图像和遍历文件下图像1.读取单张图像2.读取多张选定图片3.读取文件目录下所有的图片1.读取单张图像 与很多图像处理读图算子一样,halcon里读取单张图片的操作很简单: read_image(test1, D:/myfile/作业/拉链检测/chain1.bmp)也可以使用Ct…

【数据结构与算法】LRU Cache

🌠作者:阿亮joy. 🎆专栏:《数据结构与算法要啸着学》 🎇座右铭:每个优秀的人都有一段沉默的时光,那段时光是付出了很多努力却得不到结果的日子,我们把它叫做扎根 目录👉…

2023年房地产融资模式研究报告

第一章 概况 融资,英文为 Financing,指为支付超过现金或转账的购货款而采取的货币交易手段,或者为取得特定资产而筹集资金所采取的货币手段。融资通常指货币资金的特有者和需求者之间,直接或间接地进行资金融通的活动。 广义的融…

【操作系统】多线程与多进程通信之深入理解【2023.01.31】

基本概念 首先,假设这么一个场景,进程A有线程Thread_A1和线程Thread_A2,进程B有线程Thread_B1和Thread_B2。举个例子,系统中进程的内存是独立的,也就是一台内存为4G的计算机,除了系统占用的1G部分&#xf…

Oracle——分析函数

文章目录前言介绍demo案例测试测试前的准备rank()dense_rank()row_number()前言 分析函数在oracle中比较常见,但用的不多,今天有幸碰见,索性做一次使用的总结说明。 介绍 oracle中的分析函数,常见的有下面的三种: r…