【愚公系列】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”
527 0
|
小程序 JavaScript 前端开发
微信小程序之购物车的交互场景
微信小程序之购物车的交互场景
307 0
微信小程序中获知用户运行小程序的场景
最近,微信小程序团队像打了鸡血似的,不断推出一系列新的小程序功能,以及拓展了不少小程序的入口,使得小程序的运行场景变得越来越丰富。因此,不同的进入场景,必然会带来不同的用户需求,如何能根据这些不同的用户场景,来优化和提升我们的小程序的体验呢? 从小程序的基础库API v1.1.0的开始,场景值这一功能被正式的引入。
1110 0
微信小程序想通过场景化缩短路径
场景化的最短路径 脱离场景讲缩短路径是耍流氓,不妨举几个例子。 6.1 线下场景 一个小程序能生成 10000 个带参数二维码,用户通过不同的二维码可以进入同一个小程序不同的页面。 拿前面公交车的例子举例。
1278 0
微信小程序适合应用到哪些场景?
  微信小程序未来运用场景非常多,有一个场景很有意思,就是点菜。 去吃饭的人在一个微信群里,扔一个点菜的小程序到群里,虽然大家各自还在路上,但是已经可以开始点菜,订桌了。 以前点菜的app很多,但是都没法像这个这么简单好用。
1109 0
|
2月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
572 7
|
2月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
696 1
|
2月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
125 7
ly~
|
3月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
81 6
|
2月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
217 1