微信小程序如何获知用户运行小程序的场景教程


Posted in Javascript onMay 17, 2017

前言

最近微信小程序团队像打了鸡血似的,不断推出一系列新的小程序功能,以及拓展了不少小程序的入口,使得小程序的运行场景变得越来越丰富。因此,不同的进入场景,必然会带来不同的用户需求,如何能根据这些不同的用户场景,来优化和提升我们的小程序的体验呢?

下面主要给大家介绍了微信小程序中如何获知用户运行小程序的场景,分享给大家供大家参考学习,下面来看看详细的介绍:

从小程序的基础库API v1.1.0的开始,场景值这一功能被正式的引入。我们可以在小程序的App入口代码中获取该场景值:

//在小程序的onLaunch和onShow方法参数中可获取场景值
App({
 onLaunch: function (options) {
  console.log("[onLaunch] 场景值:", options.scene)
 },
 onShow: function (options) {
  console.log("[onShow] 场景值:", options.scene)
 }
})

目前支持的所有场景值如下:

1001 发现栏小程序主入口
1005 顶部搜索框的搜索结果页
1006 发现栏小程序主入口搜索框的搜索结果页
1007 单人聊天会话中的小程序消息卡片
1008 群聊会话中的小程序消息卡片
1011 扫描二维码
1012 长按图片识别二维码
1013 手机相册选取二维码
1014 小程序模版消息
1017 前往体验版的入口页
1019 微信钱包
1020 公众号 profile 页相关小程序列表
1022 聊天顶部置顶小程序入口
1023 安卓系统桌面图标
1024 小程序 profile 页
1025 扫描一维码
1028 我的卡包
1029 卡券详情页
1031 长按图片识别一维码
1032 手机相册选取一维码
1034 微信支付完成页
1035 公众号自定义菜单
1036 App 分享消息卡片
1042 添加好友搜索框的搜索结果页
1043 公众号模板消息
1044 群聊会话中的小程序消息卡片(带 shareTicket)
1047 扫描小程序码
1048 长按图片识别小程序码
1049 手机相册选取小程序码

简单的举个例子,如果场景值是1001,就代表用户是直接从微信的下方的“发现”页面中的小程序入口运行你的小程序的:

微信小程序如何获知用户运行小程序的场景教程
场景1001

对于这个场景值数据,我想,无论是用于对小程序的针对性功能改善,或是作为精准市场运营的参考,都是非常具有价值的信息。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习微信小程序能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JS location几个方法小姐
Jul 09 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
jQuery无缝轮播图代码
Dec 22 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
JS正则表达式验证端口范围(0-65535)
Jan 06 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
bootstrap轮播图示例代码分享
May 17 #Javascript
bootstrap警告框示例代码分享
May 17 #Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 #Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 #Javascript
原生JS实现层叠轮播图
May 17 #Javascript
JavaScript手风琴页面制作
May 17 #Javascript
jQuery查找dom的几种方法效率详解
May 17 #jQuery
You might like
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
PHP中用hash实现的数组
2011/07/17 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
PHP数组实例详解
2016/06/26 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
一个JavaScript处理textarea中的字符成每一行实例
2014/09/22 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
javascript省市区三级联动下拉框菜单实例演示
2015/11/29 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
微信小程序 页面跳转传递值几种方法详解
2017/01/12 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
react-router4按需加载(踩坑填坑)
2019/01/06 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
vue项目初始化到登录login页面的示例
2019/10/31 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
基于JavaScript判断两个对象内容是否相等
2020/01/10 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
Python 异常处理实例详解
2014/03/12 Python
Python实现的Excel文件读写类
2015/07/30 Python
matplotlib subplots 调整子图间矩的实例
2018/05/25 Python
详解python分布式进程
2018/10/08 Python
python系列 文件操作的代码
2019/10/06 Python
python实现画循环圆
2019/11/23 Python
校园自助餐厅的创业计划书
2013/12/26 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
听证会主持词
2015/07/03 职场文书
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android