06-微信小程序-注册程序-场景值

news2025/1/17 8:53:40
  • 06-微信小程序-注册程序

    文章目录

    • 注册小程序
      • 参数 Object object
      • 案例代码
    • 场景值
      • 场景值作用
      • 场景值列表
      • 案例代码

注册小程序

每个小程序都需要在 app.js 中调用 App 方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。

详细的参数含义和使用请参考 App 参考文档 。

注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

参数 Object object

属性类型默认值必填说明最低版本
onLaunchfunction否生命周期回调——监听小程序初始化。
onShowfunction否生命周期回调——监听小程序启动或切前台。
onHidefunction否生命周期回调——监听小程序切后台。
onErrorfunction否错误监听函数。
onPageNotFoundfunction否页面不存在监听函数。1.9.90
onUnhandledRejectionfunction否未处理的 Promise 拒绝事件监听函数。2.10.0
onThemeChangefunction否监听系统主题变化2.11.0
其他any否开发者可以添加任意的函数或数据变量到 Object 参数中，用 this 可以访问

前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是 进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。需要注意的是：只有当小程序进入 后台一定时间，或者系统资源占用过高，才会被真正的销毁。

案例代码

App({
  onLaunch(options) {
  // Do something initial when launch.
    console.log("小程序加载成功");
  },
  onShow(options) {
  // Do something when show.
    console.log("小程序显示");
  },
  onHide() {
  // Do something when hide.
    console.log("小程序隐藏");
  },
  onError(msg) {
  console.log(msg)
  },
  globalData: 'I am global data'
  })

App({
  onLaunch() {
    // 展示本地存储能力
    const logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

    // 登录
    wx.login({
      success: res => {
        // 发送 res.code 到后台换取 openId, sessionKey, unionId
      }
    })
  },
  globalData: {
    userInfo: null
  }
})
  • 效果

在这里插入图片描述

当使用真机调试，手机按下home键，显示小程序隐藏

在这里插入图片描述

场景值

场景值作用

场景值在高级小程序开发中扮演重要角色，它可以帮助我们优化用户体验，提升程序性能。通过合理设置场景值，我们可以在不同场景下提供定制化的功能体验，实现流畅的交互效果。同时，场景值还可以帮助我们收集用户行为数据，为后续开发提供宝贵的反馈信息。

场景值列表

关于场景值的详细说明和获取方式请参考 指南-场景值

场景值ID说明图例
1000其他/
1001发现页小程序「最近使用」列表（基础库2.2.4-2.29.0版本包含「我的小程序」列表，2.29.1版本起仅为「最近使用」列表）/
1005微信首页顶部搜索框的搜索结果页查看
1006发现栏小程序主入口搜索框的搜索结果页查看
1007单人聊天会话中的小程序消息卡片查看
1008群聊会话中的小程序消息卡片查看
1010收藏夹查看
1011扫描二维码查看
1012长按图片识别二维码查看
1013扫描手机相册中选取的二维码查看
1014小程序订阅消息（与1107相同）查看
1017前往小程序体验版的入口页查看
1019微信钱包（微信客户端7.0.0版本改为支付入口）查看
1020公众号 profile 页相关小程序列表（已废弃）查看
1022聊天顶部置顶小程序入口（微信客户端6.6.1版本起废弃）/
1023安卓系统桌面图标查看
1024小程序 profile 页查看
1025扫描一维码查看
1026发现栏小程序主入口，「附近的小程序」列表查看
1027微信首页顶部搜索框搜索结果页「使用过的小程序」列表查看
1028我的卡包查看
1029小程序中的卡券详情页查看
1030自动化测试下打开小程序/
1031长按图片识别一维码查看
1032扫描手机相册中选取的一维码查看
1034微信支付完成页查看
1035公众号自定义菜单查看
1036App 分享消息卡片查看
1037小程序打开小程序查看
1038从另一个小程序返回查看
1039摇电视查看
1042添加好友搜索框的搜索结果页查看
1043公众号模板消息查看
1044带 shareTicket 的小程序消息卡片 详情查看
1045朋友圈广告查看
1046朋友圈广告详情页查看
1047扫描小程序码查看
1048长按图片识别小程序码查看
1049扫描手机相册中选取的小程序码查看
1052卡券的适用门店列表查看
1053搜一搜的结果页查看
1054顶部搜索框小程序快捷入口（微信客户端版本6.7.4起废弃）/
1056聊天顶部音乐播放器右上角菜单查看
1057钱包中的银行卡详情页查看
1058公众号文章查看
1059体验版小程序绑定邀请页/
1060微信支付完成页（与1034相同）/
1064微信首页连Wi-Fi状态栏查看
1065URL scheme 详情/
1067公众号文章广告查看
1068附近小程序列表广告（已废弃）/
1069移动应用通过openSDK进入微信，打开小程序查看
1071钱包中的银行卡列表页查看
1072二维码收款页面查看
1073客服消息列表下发的小程序消息卡片查看
1074公众号会话下发的小程序消息卡片查看
1077摇周边查看
1078微信连Wi-Fi成功提示页查看
1079微信游戏中心查看
1081客服消息下发的文字链查看
1082公众号会话下发的文字链查看
1084朋友圈广告原生页查看
1088会话中查看系统消息，打开小程序/
1089微信聊天主界面下拉，「最近使用」栏（基础库2.2.4-2.29.0版本包含「我的小程序」栏，2.29.1版本起仅为「最近使用」栏查看
1090长按小程序右上角菜单唤出最近使用历史查看
1091公众号文章商品卡片查看
1092城市服务入口查看
1095小程序广告组件查看
1096聊天记录，打开小程序查看
1097微信支付签约原生页，打开小程序查看
1099页面内嵌插件/
1100红包封面详情页打开小程序查看
1101远程调试热更新（开发者工具中，预览 -> 自动预览 -> 编译并预览）查看
1102公众号 profile 页服务预览查看
1103发现页小程序「我的小程序」列表（基础库2.2.4-2.29.0版本废弃，2.29.1版本起生效）/
1104微信聊天主界面下拉，「我的小程序」栏（基础库2.2.4-2.29.0版本废弃，2.29.1版本起生效）/
1106聊天主界面下拉，从顶部搜索结果页，打开小程序/
1107订阅消息，打开小程序/
1113安卓手机负一屏，打开小程序（三星）/
1114安卓手机侧边栏，打开小程序（三星）/
1119【企业微信】工作台内打开小程序查看
1120【企业微信】个人资料页内打开小程序查看
1121【企业微信】聊天加号附件框内打开小程序查看
1124扫“一物一码”打开小程序/
1125长按图片识别“一物一码”/
1126扫描手机相册中选取的“一物一码”/
1129微信爬虫访问 详情/
1131浮窗（8.0版本起仅包含被动浮窗）/
1133硬件设备打开小程序 详情/
1135小程序profile页相关小程序列表，打开小程序查看
1144公众号文章 - 视频贴片查看
1145发现栏 - 发现小程序查看
1146地理位置信息打开出行类小程序查看
1148卡包-交通卡，打开小程序/
1150扫一扫商品条码结果页打开小程序查看
1151发现栏 - 我的订单查看
1152订阅号视频打开小程序查看
1153“识物”结果页打开小程序查看
1154朋友圈内打开“单页模式”查看
1155“单页模式”打开小程序查看
1157服务号会话页打开小程序查看
1158群工具打开小程序查看
1160群待办查看
1167H5 通过开放标签打开小程序 详情/
1168移动/网站应用直接运行小程序/
1169发现栏小程序主入口，各个生活服务入口（例如快递服务、出行服务等）查看
1171微信运动记录（仅安卓）查看
1173聊天素材用小程序打开 详情查看
1175视频号主页商店入口查看
1176视频号直播间主播打开小程序查看
1177视频号直播商品查看
1178在电脑打开手机上打开的小程序查看
1179#话题页打开小程序查看
1181网站应用打开PC小程序/
1183PC微信 - 小程序面板 - 发现小程序 - 搜索查看
1184视频号链接打开小程序查看
1185群公告查看
1186收藏 - 笔记查看
1187浮窗（8.0版本起）查看
1189表情雨广告查看
1191视频号活动查看
1192企业微信联系人profile页查看
1193视频号主页服务菜单打开小程序查看
1194URL Link 详情/
1195视频号主页商品tab查看
1196个人状态打开小程序查看
1197视频号主播从直播间返回小游戏查看
1198视频号开播界面打开小游戏查看
1200视频号广告打开小程序查看
1201视频号广告详情页打开小程序查看
1202企微客服号会话打开小程序卡片查看
1203微信小程序压测工具的请求/
1206视频号小游戏直播间打开小游戏查看
1207企微客服号会话打开小程序文字链查看
1208聊天打开商品卡片查看
1212青少年模式申请页打开小程序查看
1215广告预约打开小程序/
1216视频号订单中心打开小程序查看
1223安卓桌面Widget打开小程序查看
1228视频号原生广告组件打开小程序查看
1230订阅号H5广告进入小程序查看
1231动态消息提醒入口打开小程序查看
1242小程序发现页门店快送模块频道页进入小程序查看
1245小程序发现页门店快送搜索结果页进入小程序查看
1248通过小程序帐号迁移进入小程序/
1252搜一搜小程序搜索页「小功能」模块进入小程序查看

案例代码

App({
  onLaunch(options) {
  // Do something initial when launch.
    console.log("小程序加载成功,场景->"+options.scene);
  },
  onShow(options) {
  // Do something when show.
    console.log("小程序显示");
  },
  onHide() {
  // Do something when hide.
    console.log("小程序隐藏");
  },
  onError(msg) {
  console.log(msg)
  },
  globalData: 'I am global data'
  })

在这里插入图片描述

  • 模拟器

在这里插入图片描述

  • 真机调试
    在这里插入图片描述
    下一章节 微信小程序-注册页面-模块化

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

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

相关文章

【数据结构】栈和队列常见题目

【数据结构】栈和队列常见题目

文章目录 有效的括号用队列实现栈两个队列实现栈一个队列实现栈用栈实现队列设计循环队列最小栈栈的压入&弹出序列逆波兰表达式队列：先进先出 栈：后进先出 有效的括号 https://leetcode.cn/problems/valid-parentheses/ class Solution {public:bool isValid(string s) {…
阅读更多...
YOLOv5、v8改进：引入SKAttention注意力机制

YOLOv5、v8改进：引入SKAttention注意力机制

目录 1.简介 2.YOLOv5改进 2.1增加以下SKAttention.yaml文件 2.2common.py配置 2.3yolo.py配置 1.简介 论文链接：https://arxiv.org/pdf/1903.06586.pdf 最近对卷积神经网络中的“自适应调整感受野”这样的操作很感兴趣，从字面的意思可以理解&…
阅读更多...
跨境电商ERP源码大揭秘，让你少走弯路

跨境电商ERP源码大揭秘，让你少走弯路

本文将深入介绍跨境电商ERP源码的重要性以及如何选择和应用它们，让你的电商业务更高效、顺畅。 跨境电商ERP源码的重要性 提升管理效率 跨境电商运营面临着众多挑战，如订单管理、库存追踪和财务报告等。跨境电商ERP源码能够集成这些功能，帮…
阅读更多...
《算法竞赛·快冲300题》每日一题：“树与排列”

《算法竞赛·快冲300题》每日一题：“树与排列”

《算法竞赛快冲300题》将于2024年出版，是《算法竞赛》的辅助练习册。 所有题目放在自建的OJ New Online Judge。 用C/C、Java、Python三种语言给出代码，以中低档题为主，适合入门、进阶。 文章目录 题目描述题解C代码Java代码Python代码 “ 树…
阅读更多...
Java云原生框架Quarkus初探

Java云原生框架Quarkus初探

Java云原生框架Quarkus初探 Quarkus 介绍 Quarkus 是一个云原生，容器优先的Java应用框架，它号称是超音速和亚原子的框架，主要特点是构建速度、启动速度快和占用资源少等特点。它为OpenJDK HotSpot和GraalVM量身定制， 根据Java库和…
阅读更多...
table表头颜色 element plus

table表头颜色 element plus

原图 预期 css :deep(.el-table__header) {background-color: #F5F7FA;} :deep(.el-table tr) {background-color: rgba(0,0,0,0);} :deep(.el-table th.el-table__cell) {background-color: rgba(0,0,0,0);}
阅读更多...
飞机打方块（一）菜单界面制作

飞机打方块（一）菜单界面制作

一、创建项目 修改配置 新建anim，Prefabs，Scene，Script文件夹分别用于存放动画，预制资源，场景，脚本 新建场景和脚本， 1.游戏名称 新建title节点并修改属性： 2.开始游戏按钮 1.新建…
阅读更多...
浙大mem项目备考上岸的三大“顽疾”

浙大mem项目备考上岸的三大“顽疾”

大家好！不知道至今为止你是否已经在浙大mem项目的备考路上，随着今年提前批面试结束，相信有一部分考生已经获得了“优秀”资格，而有一部分考生则还没来得及申请，无论是哪种情况杭州达立易考教育都建议大家坚持自己的备考…
阅读更多...
我能“C”——实用的调试技巧

我能“C”——实用的调试技巧

什么是bug？ 调试是什么？有多重要？ debug和release的介绍。 windows环境调试介绍。 一些调试的实例。 如何写出好（易于调试）的代码。 编程常见的错误。 1.什么是bug？ 世界上第一个bug是程序员赫柏发现的。 …
阅读更多...
CSS和AJAX阶段学习记录

CSS和AJAX阶段学习记录

1、AJAX的工作原理： 如图所示，工作原理可以分为以下几步： 网页中发生一个事件（页面加载、按钮点击） 由 JavaScript 创建 XMLHttpRequest 对象 XMLHttpRequest 对象向 web 服务器发送请求 服务器处理该请求 服务器将响应…
阅读更多...
openpnp - 板子上最小物料封装尺寸的选择

openpnp - 板子上最小物料封装尺寸的选择

文章目录 openpnp - 板子上最小物料封装尺寸的选择概述END openpnp - 板子上最小物料封装尺寸的选择 概述 现在设备调试完了, 用散料飞达载入物料试了一下. 0402以上贴的贴别准, 贴片流程也稳, 基本不需要手工干预. 0201可以贴, 但是由于底部相机元件视觉识别成功率不是很高…
阅读更多...
“Spring管理JavaBean的过程及Bean的生命周期“

“Spring管理JavaBean的过程及Bean的生命周期“

目录 引言1.弹簧容器2. Bean的生命周期2.1 配置javaBean2.2. 解析Bean的定义2.3 检查是否需要添加自己的功能2.4 初始化2.5 实现Aware接口2.6 扩展2.7. 销毁 3. 单例模式和原型模式3.1. 单例模式3.2. 原型模式 4. 总结 引言 Spring框架是一个非常流行的Java应用程序框架&#…
阅读更多...
Java之抽象类

Java之抽象类

Java之抽象类 抽象类概念抽象类如何使用抽象类的特性 作者简介： zoro-1，目前大一，正在学习Java，数据结构等 作者主页：zoro-1的主页 欢迎大家点赞 👍 收藏 ⭐ 加关注哦！💖&#x1f49…
阅读更多...
Redis持久化：RDB和AOF机制详解

Redis持久化：RDB和AOF机制详解

目录 1.Redis持久化简介 2.RDB持久化 2.1 什么是 RDB 持久化？ 2.2 触发方式 2.3 Redis.conf中配置RDB 2.4 RDB 更深入理解 2.5 RDB优缺点 3.AOF持久化 3.1 什么是 AOF 持久化？ 3.2 如何实现AOF 3.3 Redis.conf中配置AOF 3.4 深入理解AOF重写 4.RDB和…
阅读更多...
Linux命令200例：zip和unzip用于压缩和解压文件（常用）

Linux命令200例：zip和unzip用于压缩和解压文件（常用）

🏆作者简介，黑夜开发者，全栈领域新星创作者✌。CSDN专家博主，阿里云社区专家博主，2023年6月csdn上海赛道top4。 🏆数年电商行业从业经验，历任核心研发工程师，项目技术负责人。 &…
阅读更多...
案例： 用户消费数据分析--Pandas

案例： 用户消费数据分析--Pandas

1. 数据读入 2. 数据处理–日期处理 3. 用户整体消费趋势分析 4. 用户个体消费分析 4.1 用户消费数量与消费金额关系的散点图 4.2 每位用户消费金额分布 4.2.1 消费金额贡献度折线图 用户贡献度折线图 4.2.2 消费金额占比前80%的客户，消费分布直方图 4.3 消费时…
阅读更多...
【管理运筹学】第 5 章 | 整数规划 （2，割平面法及 0-1 变量的特性）

【管理运筹学】第 5 章 | 整数规划 （2，割平面法及 0-1 变量的特性）

文章目录 引言三、割平面法四、0-1 型整数规划4.1 0-1 变量的特性4.1.1 投资问题4.1.2 约束条件满足个数问题 写在最后 引言 前文我们介绍了整数规划的一种求解方法——分支定界法，可以求解纯整数和混合整数规划问题。现在我们来学习另一种整数规划求解方法——割平…
阅读更多...
【Java 动态数据统计图】动态数据统计思路案例（动态，排序，containsKey）五（117）

【Java 动态数据统计图】动态数据统计思路案例（动态，排序，containsKey）五（117）

需求：前端根据后端的返回数据：画统计图； 1.动态获取地域数据以及数据中的平均值，按照平均值降序排序； 说明： X轴是动态的，有对应区域数据则展示； X轴 区域数据降序排序；…
阅读更多...
CloudQuery：更好地管理你的 OceanBase 数据库

CloudQuery：更好地管理你的 OceanBase 数据库

前言：作为 OceanBase 的生态合作伙伴，CloudQuery（简称“CQ”） 最新发布的社区版 2.2.0 新增了 OceanBase 数据库，为企业使用 OceanBase 数据库提供全面的支持。包括连接与认证、查询与分析、数据安全与权限管理&#x…
阅读更多...
同伦问题与同伦算法

同伦问题与同伦算法

同伦问题 据我所知，这篇博客是CSDN上少数几篇讲同伦算法的博客之一考虑同伦算法的目的 扩大初值选取范围解决非线性代数方程组的全部解计算问题 同伦算法中的基本概念 考虑求的解人为地引入参数t,构造一个函数族使得 同时假设的解已知，从出发可以求解对…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023