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

2020-09-16 14:59 更新

UI

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

云與開(kāi)放能力

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

行業(yè)

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)