06-微信小程序-注冊程序-場景值

  • 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.pswp.cn/news/42544.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/42544.shtml
英文地址,請注明出處:http://en.pswp.cn/news/42544.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【LeetCode】543.二叉樹的直徑

題目 給你一棵二叉樹的根節點,返回該樹的 直徑 。 二叉樹的 直徑 是指樹中任意兩個節點之間最長路徑的 長度 。這條路徑可能經過也可能不經過根節點 root 。 兩節點之間路徑的 長度 由它們之間邊數表示。 示例 1: 輸入:root [1,2,3,4,5]…

每日一學——網絡安全

網絡安全設計、原則、審計等知識點的精講如下: 網絡安全設計與原則: 網絡安全設計是指在系統或網絡的設計過程中考慮到安全性,并采取相應的安全措施來保護系統或網絡不受威脅。安全設計原則包括最小權限原則(Least Privilege Prin…

高并發內存池(centralcache)[2]

Central cache threadcache是每個線程獨享,而centralcache是多線程共享,需要加鎖(桶鎖)一個桶一個鎖 解決外碎片問題:內碎片:申請大小超過實際大小;外碎片:空間碎片不連續&#x…

跨境電商ERP源碼大揭秘,讓你少走彎路

本文將深入介紹跨境電商ERP源碼的重要性以及如何選擇和應用它們,讓你的電商業務更高效、順暢。 跨境電商ERP源碼的重要性 提升管理效率 跨境電商運營面臨著眾多挑戰,如訂單管理、庫存追蹤和財務報告等。跨境電商ERP源碼能夠集成這些功能,幫…

自動駕駛,一次道阻且長的遠征|數據猿直播干貨分享

?數據智能產業創新服務媒體 ——聚焦數智 改變商業 在6月的世界人工智能大會上,馬斯克在致辭中宣稱,到2023年底,特斯拉便可實現L4級或L5級的完全自動駕駛(FSD)。兩個月之后,馬斯克又在X社交平臺上發言&am…

java面試強基(16)

目錄 clone方法的保護機制 Java中由SubString方法是否會引起內存泄漏? Java中提供了哪兩種用于多態的機制? 程序計數器(線程私有) 如何判斷對象是否是垃圾? clone方法的保護機制 clone0方法的保護機制在Object中是被聲明為 protected的。以User…

1000元到3000元預算的阿里云服務器配置大全

1000元、2000元或3000元預算能夠買的阿里云服務器配置有哪些?可以選擇ECS通用算力型u1云服務器、ECS計算型c7或通用型g7實例規格,當然,如果選擇輕量應用服務器的話,更省錢,阿里云百科分享1000-3000元預算能買的阿里云服…

三、Dubbo 注冊中心

三、Dubbo 注冊中心 3.1 注冊中心概述 主要作用 動態加入:服務提供者通過注冊中心動態地把自己暴露給其他消費者動態發現:消費者動態地感知新的配置、路由規則和新的服務提供者動態調整:注冊中心支持參數的動態調整,新參數自動更…

如何用輕葉H5制作一份調查問卷

在營銷落地頁中,問卷類H5是一種制作簡單,易于傳播的落地頁,通過精巧的設計和嚴密的邏輯設置,問卷類H5的投放效果也是不容小覷的。 問卷類H5在制作中有以下不可缺少的要素: 清晰的標題和簡要的說明 標題應該簡明扼要地…

用pytorch實現AlexNet

AlexNet經典網絡由Alex Krizhevsky、Hinton等人在2012年提出,發表在NIPS,論文名為《ImageNet Classification with Deep Convolutional Neural Networks》,論文見:http://www.cs.toronto.edu/~hinton/absps/imagenet.pdf &#xf…

C語言 常用工具型API ----------strchr()

函數原型 char *strchr(const char *str, int c) 參數 str-- 要被檢索的 C 字符串。 c-- 在 str 中要搜索的字符。 功能 在參數str所指向的字符串中搜索第一次出現字符c&#xff08;一個無符號字符&#xff09;的位置 頭文件 #include <string.h> 返回值 返回一…

【觀察者設計模式詳解】C/Java/JS/Go/Python/TS不同語言實現

簡介 觀察者模式&#xff08;Observer Pattern&#xff09;是一種行為型模式。它定義對象間的一種一對多的依賴關系&#xff0c;當一個對象的狀態發生改變時&#xff0c;所有依賴于它的對象都得到通知并被自動更新。 觀察者模式使用三個類Subject、Observer和Client。Subject…

PCI 總線樹BUS 號

在一個處理器系統中&#xff0c;每一個host 主橋都推出一棵PCI 總線樹。 一棵PCI 總線樹中有多少個PCIB bridge , 就含有多少條PCI 總線。 系統軟件在遍歷當前PCI 總線樹時&#xff0c;需要首先對這些PCI 總線進行編號&#xff0c;即初始化PCI 橋的primary, secondary 和Subord…

C++自學: virtual function

使用virtual關鍵字在base class中聲明virtual function。你可以使用指針在derived class中調用和執行virtual function。 “virtual void MakeSound() 0;”這是一個pure virtual function。 有至少一個pure virtual function的class稱為abstract class&#xff0c;所以Instr…

策略梯度方法

策略梯度方法 數學背景 給定一個標量函數 J ( θ ) J\left(\theta\right) J(θ)&#xff0c;利用梯度上升法&#xff0c;使其最大化&#xff0c;此時的 π θ \pi_\theta πθ?就是最優策略。 θ t 1 θ t α ? θ J ( θ t ) \theta_{t1}\theta_t\alpha \nabla_\theta…

Element Plus el-table 數據為空時自定義內容【默認為 No Data】

1. 通過 Table 屬性設置 <div class"el-plus-table"><el-table empty-text"暫無數據" :data"tableData" style"width: 100%"><el-table-column prop"date" label"Date" width"180" /&g…

系統架構設計師---OSI七層協議

目錄 OSI七層協議 各層主要功能和詳細說明 Internet協議的主要協議及其層次關系

常用的請求 Content-Type 類型

application/json&#xff1a;用于發送 JSON 格式的數據&#xff0c;常用于 RESTful API 請求中。 application/x-www-form-urlencoded&#xff1a;在 POST 請求中以 URL 編碼(key-value 對)的方式發送表單數據。 multipart/form-data&#xff1a;用于同時上傳文件和其他表單…

vue + el-table 表格數據導出為excel表格

下載依賴 npm install --save xlsx file-saver引入插件 import * as XLSX from xlsx; import FileSaver from "file-saver";完整代碼 <template><div class"administrativeCase-container"><div class"content-box"><di…