支付寶小程序 快速示例·概覽

2020-09-16 14:59 更新

UI

名稱 功能說明
級聯(lián)選擇(最大三級) 實現(xiàn)級聯(lián)選擇,可自動適配二級或者三級選擇器, 一般用于省、市、區(qū)三級聯(lián)動選擇。
上滑加載更多 小程序列表數(shù)量較多時,可以通過分頁上拉加載,增加頁面首屏渲染速度。
透明標(biāo)題欄 小程序頂部標(biāo)題欄和狀態(tài)欄透明顯示。
頁面水印 在小程序頁面添加自定義水印。
獲取手機(jī)驗證碼 此為簡約版獲取手機(jī)驗證碼組件,開發(fā)者可作為參考,也可直接集成使用。
景區(qū)導(dǎo)航 通過地圖的基礎(chǔ)包裝組件,提供景區(qū)標(biāo)志性地點的分類標(biāo)記及導(dǎo)航功能。
圖片放大 實現(xiàn)了縮略圖片點擊放大的功能,常見應(yīng)用場景有商品詳情照片點擊放大、相冊圖片預(yù)覽與放大等。
選項卡 橫縱自由切換的選項卡,可用于商品分類導(dǎo)航等場景。
歷史記錄-公積金繳存 歷史公積金繳存、提取記錄的查詢功能。
證件上傳 上傳各類證件、資料、證明,可以實時拍照也可以從本地選擇圖片進(jìn)行提交上傳動作。
歷史記錄-生活繳費 生活繳費的歷史記錄,可幫助用戶快速查詢生活繳費的時間、類型以及具體金額。
辦理流程-步驟提醒 事件的辦理流程,通過步驟提醒用戶可以清楚當(dāng)前事件進(jìn)程,有助于用戶把握辦理時間提高辦事效率。
歷史記錄-出行消費 車輛通過 ETC 的交易記錄,可實時查看 ETC 歷史交易時間、交易地點、交易金額記錄。
歷史記錄-繳款記錄 因交通違法而產(chǎn)生的繳費記錄,主要包含繳款金額、繳款狀態(tài)、繳款車牌號、繳款時間。
歷史記錄-出入境記錄 出入境相關(guān)信息,主要包含出入境時間、口岸、證件號碼、證件類型、交通工具。
新手引導(dǎo)-ETC 步驟 新手接入 ETC 的相關(guān)操作步驟。
新手引導(dǎo)-ETC 等待 新手接入 ETC 連接藍(lán)牙或者其他設(shè)備時的等待界面。
步驟條 用戶使用小程序的步驟,幫助掌握當(dāng)前進(jìn)展。
查詢動畫 進(jìn)行信息查詢時界面的動畫效果,生動形象的動畫有助于緩解用戶等待時的焦慮。
刷臉動畫 信息查詢時的人臉認(rèn)證動畫,生動形象的動畫效果有助于緩解用戶等待時的焦慮,提高用戶良好體驗。
新手引導(dǎo)-歡迎彈層 新手進(jìn)入小程序時首頁彈出的歡迎彈層,有助于提高用戶對小程序的好感度。
新手引導(dǎo)-引導(dǎo)插畫 小程序內(nèi)的引導(dǎo)插畫,一般出現(xiàn)在用戶首次使用小程序情況下,幫助用戶快速熟悉小程序功能。
消息通知-提醒 資料/證件上傳過程中彈出的提醒,如上傳圖片失敗的原因。
拍照上傳-證件/照片 拍照上傳證件或照片,并且對照片清晰度作出說明,避免出現(xiàn)用戶多次拍照/上傳失敗。

云與開放能力

名稱 功能說明
花唄支付 使用 Serverless 云調(diào)用實現(xiàn)花唄支付是小程序 Serverless 云開發(fā)的示例,這里將演示如何在1小時內(nèi)搭建小程序支付和花唄支付能力。
現(xiàn)金紅包 現(xiàn)金紅包為商家的小程序提供了現(xiàn)金紅包發(fā)放功能,主要應(yīng)用于企業(yè)、商家給用戶發(fā)放支付寶紅包的應(yīng)用場景;用戶領(lǐng)取后,紅包金額可以提現(xiàn)到支付寶余額。
線下買單 線下買單功能可將小程序與線下服務(wù)場景連接起來,給線下服務(wù)行業(yè)帶來極大便利。該功能可輕松實現(xiàn)查看商品列表、領(lǐng)取優(yōu)惠券、查看優(yōu)惠券、結(jié)算、付款、查看訂單列表、申請退款等人們廣為熟悉的消費場景。
小程序支付 小程序支付和 APP 支付的支付流程與體驗基本一致,也支持核銷口碑券和口碑商戶優(yōu)惠功能。已簽約小程序支付或在口碑開店的商戶建議接入小程序支付。小程序支付在小程序內(nèi)不能通過掃碼、條碼、聲波付等方式支付,只能喚起收銀臺進(jìn)行支付。
小程序二維碼 小程序二維碼能力可使得開發(fā)者更便捷地推廣小程序,開發(fā)者可以將生成后的小程序二維碼在線上線下進(jìn)行貼碼推廣。
獲取會員信息 獲取會員信息快速示例提供 JSAPI 和 OpenAPI 兩種調(diào)用方式獲取用戶的昵稱和頭像。
模板消息 小程序可通過模板消息高效觸達(dá)用戶,通知用戶當(dāng)前行為的結(jié)果及狀態(tài)等,例如交易狀態(tài)、物流進(jìn)度等。
支付寶卡包 支付寶卡包(alipass),是支付寶公司推出的一款可以管理電子憑證的產(chǎn)品,該產(chǎn)品聚合來自各類生活服務(wù)的票據(jù)憑證,包括優(yōu)惠券、折扣券、代金券、換購券、電影票、演出票、火車票、機(jī)票。
服務(wù)端基于函數(shù)計算搭建的 TODO List 模板 利用 Todo list 來演示如何使用小程序來實現(xiàn)一個簡單的任務(wù)管理。
相冊 圖片存儲,是所有應(yīng)用開發(fā)里最常見的場景之一。在這里快速示例中,我們將通過借助小程序云開發(fā)能力,提升功能開發(fā)效率,提升數(shù)據(jù)隱私保護(hù)能力。
運動步數(shù) 借助運動數(shù)據(jù)功能,小程序在獲得用戶許可的情況下,可以獲取用戶最近 30 天內(nèi)的運動步數(shù),步數(shù)信息會在用戶進(jìn)入小程序時更新。
支付即會員場景 提供了用戶進(jìn)入到小程序后的用戶信息授權(quán)、下單支付、會員卡發(fā)放的完整流程示例,為商家直觀的展示支付寶支付既會員流程。

行業(yè)

名稱 功能說明
門店商城 門店商城小程序覆蓋了線下門店在線上商城經(jīng)營時的各種場景,支持線上商城裝修、門店商品展示、商品搜索、商品詳情頁、商品下單、購物車結(jié)算、會員系統(tǒng)、查詢訂單等功能。
智能售貨柜小程序模板 提供智能售貨柜小程序模板源碼,包含了會員注冊\登陸、代扣授權(quán)、掃碼開門、支付結(jié)算、優(yōu)惠券等功能。
公交卡小程序模板 地鐵公交卡快速示例,是支付寶在公交和地鐵場景下總結(jié)沉淀的小程序前端模板,主要包含:乘車權(quán)益首頁、公告通知列表頁、乘車權(quán)益列表、文章詳情頁、資訊列表頁,同時將支付寶大出行業(yè)務(wù)的 Schema 拼接樣例總結(jié)到代碼流程中,方便開發(fā)者快速接入。
優(yōu)惠加油小程序模板 支付寶加油模板是一個提供油站查詢、油站導(dǎo)航、在線優(yōu)惠支付、訂單查詢等多功能等在線加油服務(wù)。
定制公交 定制巴士小程序模板是城市公交定制服務(wù)在支付寶小程序的實現(xiàn)案例模板,提供了通用的頁面,組件,與基礎(chǔ)的交互跳轉(zhuǎn)邏輯,方便各城市 ISV 快速接入巴士定制業(yè)務(wù),節(jié)約開發(fā)時間與成本。
掃碼購模板 掃碼購小程序模板用來演示掃碼購物流程在支付寶小程序的實現(xiàn)案例,方便開發(fā)者瀏覽和學(xué)習(xí)小程序的研發(fā)流程,提供面向線下購物設(shè)備進(jìn)行用戶選擇購物的相關(guān)組件、業(yè)務(wù)流程和服務(wù)能力。
人社查詢模板市場化 人社查詢小程序模板是社保查詢服務(wù)在支付寶小程序的實現(xiàn)案例模板, 包括社保信息查詢,繳費記錄,個人中心等功能。
行業(yè)鏈路 本快速示例對多個行業(yè)服務(wù)鏈路通用組件做了通用性抽離,涵蓋了 ETC、公交、地鐵、醫(yī)保等多個行業(yè)方向,并拼接了服務(wù)開通頁 / 服務(wù)完成頁示例,方便服務(wù)行業(yè)內(nèi)部開發(fā)者快速搭建符合行業(yè)內(nèi)部設(shè)計規(guī)范的鏈路頁面。
支付寶信用卡還款 本快速示例是一個模仿“支付寶信用卡還款功能” 的簡易小程序,簡化信用卡還款流程,只囊括了最主要的還款流程:用戶查看信用卡列表,前往看信用卡詳情,輸入還款金額,操作還款,查看還款結(jié)果。
一網(wǎng)通辦小程序 一網(wǎng)通辦模板,針對全國一網(wǎng)通辦服務(wù)提供小程序前端支撐,將政務(wù)一網(wǎng)通類型的小程序業(yè)務(wù)流程進(jìn)行標(biāo)準(zhǔn)化、規(guī)范化梳理,形成固定、可復(fù)用的模板,包括:個人中心、電子卡包和重點服務(wù)聚合。除此之外,針對用戶使用習(xí)慣,提供了服務(wù)市場、服務(wù)搜索等常見的輔助功能,形成一套完整的、用戶體驗優(yōu)先的掌上政務(wù)辦事小程序模板。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號