【愚公系列】2022年02月 微信小程序-场景值

简介: 【愚公系列】2022年02月 微信小程序-场景值

前言

场景值就是进入该小程序的来源,就是用户是通过什么途径点进的小程序。通过app中的onLaunch或onShow方法中可以获取到场景值。

比如获取到的场景值是1005,表示用户是通过微信顶部的搜索框搜索到的该小程序。通过这个场景值来实现更多的业务逻辑。

一、场景值

以下是场景值的ID和说明:

image.pngimage.pngimage.pngimage.png

二、场景值的获取

onShow: function(options) {
  let option = JSON.stringify(options);
  console.log('app.js option-----' + option)
  console.log('app.js>>options.scene--------------------' + options.scene);
  var resultScene = this.sceneInfo(options.scene);
  console.log(resultScene);
},
//场景值判断
sceneInfo: function(s) {
  var scene = [];
  switch (s) {
    case 1001:
      scene.push(s, "发现栏小程序主入口");
      break;
    case 1005:
      scene.push(s, "顶部搜索框的搜索结果页");
      break;
    case 1006:
      scene.push(s, "发现栏小程序主入口搜索框的搜索结果页");
      break;
    case 1007:
      scene.push(s, "单人聊天会话中的小程序消息卡片");
      break;
    case 1008:
      scene.push(s, "群聊会话中的小程序消息卡片");
      break;
    case 1011:
      scene.push(s, "扫描二维码");
      break;
    case 1012:
      scene.push(s, "长按图片识别二维码");
      break;
    case 1014:
      scene.push(s, "手机相册选取二维码");
      break;
    case 1017:
      scene.push(s, "前往体验版的入口页");
      break;
    case 1019:
      scene.push(s, "微信钱包");
      break;
    case 1020:
      scene.push(s, "公众号profile页相关小程序列表");
      break;
    case 1022:
      scene.push(s, "聊天顶部置顶小程序入口");
      break;
    case 1023:
      scene.push(s, "安卓系统桌面图标");
      break;
    case 1024:
      scene.push(s, "小程序profile页");
      break;
    case 1025:
      scene.push(s, "扫描一维码");
      break;
    case 1026:
      scene.push(s, "附近小程序列表");
      break;
    case 1027:
      scene.push(s, "顶部搜索框搜索结果页“使用过的小程序”列表");
      break;
    case 1028:
      scene.push(s, "我的卡包");
      break;
    case 1029:
      scene.push(s, "卡券详情页");
      break;
    case 1031:
      scene.push(s, "长按图片识别一维码");
      break;
    case 1032:
      scene.push(s, "手机相册选取一维码");
      break;
    case 1034:
      scene.push(s, "微信支付完成页");
      break;
    case 1035:
      scene.push(s, "公众号自定义菜单");
      break;
    case 1036:
      scene.push(s, "App分享消息卡片");
      break;
    case 1037:
      scene.push(s, "小程序打开小程序");
      break;
    case 1038:
      scene.push(s, "从另一个小程序返回");
      break;
    case 1039:
      scene.push(s, "摇电视");
      break;
    case 1042:
      scene.push(s, "添加好友搜索框的搜索结果页");
      break;
    case 1044:
      scene.push(s, "带shareTicket的小程序消息卡片");
      break;
    case 1047:
      scene.push(s, "扫描小程序码");
      break;
    case 1048:
      scene.push(s, "长按图片识别小程序码");
      break;
    case 1049:
      scene.push(s, "手机相册选取小程序码");
      break;
    case 1052:
      scene.push(s, "卡券的适用门店列表");
      break;
    case 1053:
      scene.push(s, "搜一搜的结果页");
      break;
    case 1054:
      scene.push(s, "顶部搜索框小程序快捷入口");
      break;
    case 1056:
      scene.push(s, "音乐播放器菜单");
      break;
    case 1058:
      scene.push(s, "公众号文章");
      break;
    case 1059:
      scene.push(s, "体验版小程序绑定邀请页");
      break;
    case 1064:
      scene.push(s, "微信连Wifi状态栏");
      break;
    case 1067:
      scene.push(s, "公众号文章广告");
      break;
    case 1068:
      scene.push(s, "附近小程序列表广告");
      break;
    case 1072:
      scene.push(s, "二维码收款页面");
      break;
    case 1073:
      scene.push(s, "客服消息列表下发的小程序消息卡片");
      break;
    case 1074:
      scene.push(s, "公众号会话下发的小程序消息卡片");
      break;
    case 1089:
      scene.push(s, "微信聊天主界面下拉");
      break;
    case 1090:
      scene.push(s, "长按小程序右上角菜单唤出最近使用历史");
      break;
    case 1092:
      scene.push(s, "城市服务入口");
      break;
    default:
      scene.push("未知入口");
      break;
  }
  return scene;
}
 // 其中只有在传递 1020、1035、1036、1037、1038、1043 这几个场景值时,才会返回referrerInfo.appId
相关文章
|
小程序 Android开发 iOS开发
微信小程序-虚拟支付:适用场景 / iPhone调试用支付成功,Android调用失败,提示“小程序支付能力已被限制” / “errMsg“.“requestPayment:fail banned”
微信小程序-虚拟支付:适用场景 / iPhone调试用支付成功,Android调用失败,提示“小程序支付能力已被限制” / “errMsg“.“requestPayment:fail banned”
931 0
|
小程序 JavaScript 前端开发
微信小程序之购物车的交互场景
微信小程序之购物车的交互场景
370 0
微信小程序中获知用户运行小程序的场景
最近,微信小程序团队像打了鸡血似的,不断推出一系列新的小程序功能,以及拓展了不少小程序的入口,使得小程序的运行场景变得越来越丰富。因此,不同的进入场景,必然会带来不同的用户需求,如何能根据这些不同的用户场景,来优化和提升我们的小程序的体验呢? 从小程序的基础库API v1.1.0的开始,场景值这一功能被正式的引入。
1173 0
微信小程序想通过场景化缩短路径
场景化的最短路径 脱离场景讲缩短路径是耍流氓,不妨举几个例子。 6.1 线下场景 一个小程序能生成 10000 个带参数二维码,用户通过不同的二维码可以进入同一个小程序不同的页面。 拿前面公交车的例子举例。
1335 0
微信小程序适合应用到哪些场景?
  微信小程序未来运用场景非常多,有一个场景很有意思,就是点菜。 去吃饭的人在一个微信群里,扔一个点菜的小程序到群里,虽然大家各自还在路上,但是已经可以开始点菜,订桌了。 以前点菜的app很多,但是都没法像这个这么简单好用。
1197 0
|
11月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
2488 7
|
11月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
1959 1
|
5月前
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。
|
11月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
1659 7
|
6月前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
1861 11
技术小白如何利用DeepSeek半小时开发微信小程序?