微信公眾平臺(tái)開發(fā)技術(shù)第6章微信小店課件

1、第6章 微信小店能力CAPACITY要求了解微信小店的作用。掌握微信小店的構(gòu)建。掌握微信小店的開發(fā)。自定義開發(fā)微信小店搭建小店搭建實(shí)例一、微信小店搭建01OPTION02OPTION03OPTION小店概況 添加商品商品管理04OPTION貨架管理05OPTION訂單管理06OPTION運(yùn)費(fèi)模板管理07OPTION圖片庫 一、微信小店搭建 6.1.1 小店概況 進(jìn)入微信公眾平臺(tái)功能-微信小店-小店概況-點(diǎn)擊“待發(fā)貨訂單”會(huì)直接進(jìn)入訂單管理里“待發(fā)貨”功能，查看到目前您處理發(fā)貨的訂單信息。點(diǎn)擊“待處理維權(quán)/仲裁單數(shù)”會(huì)直接進(jìn)入“訂單管理-維權(quán)中”功能。購買產(chǎn)品的用戶可以在交易消息里對已經(jīng)購買的商

2、品進(jìn)行維權(quán)，商家可以在微信公眾平臺(tái)上查看客戶的維權(quán)信息并進(jìn)行處理，保證雙方利益的平衡。如何進(jìn)入 一、微信小店搭建 6.1.2 添加商品 如何添加商品123 第一步 第二步 第三步 第四步 第五步進(jìn)入“微信小店”點(diǎn)擊“添加商品”選擇商品，比如“品牌手機(jī)-手機(jī)”4填寫完整手機(jī)的功能參數(shù)5繼續(xù)添加商品 一、微信小店搭建 （1） 進(jìn)入“微信小店” 一、微信小店搭建 （2）點(diǎn)擊“添加商品” 一、微信小店搭建 （3）選擇商品，比如“品牌手機(jī)-手機(jī)”或者根據(jù)需要選擇其他選項(xiàng)，如添加配件的時(shí)候選擇如下： 一、微信小店搭建 （4）點(diǎn)擊“確定”按鈕后，進(jìn)入如下頁面，填寫完整手機(jī)的功能參數(shù)。 一、微信小店搭建 （5

3、）保存成功后可以繼續(xù)添加商品，或者對剛才添加的商品進(jìn)行上架管理 一、微信小店搭建 6.1.3 商品管理進(jìn)入微信公眾平臺(tái)功能-微信小店-商品管理-商品分組管理，排序方式可選最新上架排最前、按銷售熱度排序、按價(jià)格從低到高、按價(jià)格從高到低。商品排序方式將影響商品在分組貨架上的排序方式，可以通過預(yù)覽分組貨架查看最終效果。如何進(jìn)入1、商品分組管理 一、微信小店搭建 6.1.3 商品管理進(jìn)入微信公眾平臺(tái)功能-微信小店-商品管理-商品上下架,可實(shí)現(xiàn)以下功能：(1) 可以對商品進(jìn)行分組管理，通過商品價(jià)格、商品銷售可以快速搜索到商品；(2) 已上架商品可以選擇下架，下架商品可以選擇刪除、編輯、再次上架；(3)

4、商品上下架內(nèi)的復(fù)制鏈接指的是添加到自定義菜單里面的鏈接，在電腦網(wǎng)頁是無法打開；(4) 已上架商品可復(fù)制鏈接在微信手機(jī)端發(fā)送任何好友，打開鏈接可預(yù)覽編輯效果;(5) 已上架商品都具有不同尺寸的二維碼提供下載，客戶端掃描二維碼可以進(jìn)入商品詳情頁面。如何進(jìn)入2、商品上下架 一、微信小店搭建 6.1.4 貨架管理在微信公眾號(hào)的后臺(tái)里面，可以對貨架信息進(jìn)行維護(hù)，界面如下所示。貨架的概念，就是把商品分門別類的很好展示給客戶，貨架就是類似一個(gè)布局良好的展柜，我們可以定義不同的貨架，然后公布不同的URL進(jìn)行體驗(yàn)。1、貨架介紹 一、微信小店搭建 6.1.4 貨架管理對于利用API開發(fā)微信店鋪，微信小店的貨架管理

5、操作接口，和常規(guī)的模塊差不多，具有右邊幾個(gè)功能操作。2、貨架管理的開發(fā)模型 一、微信小店搭建 6.1.5 訂單管理在用戶在微信中付款成功后，微信服務(wù)器會(huì)將訂單付款通知推送到開發(fā)者在公眾平臺(tái)網(wǎng)站中設(shè)置的回調(diào)URL（在開發(fā)模式中設(shè)置）中，如未設(shè)置回調(diào)URL，則獲取不到該事件推送。1、訂單付款通知2. 根據(jù)訂單ID獲取訂單詳情 一、微信小店搭建 6.1.5 訂單管理3. 根據(jù)訂單狀態(tài)/創(chuàng)建時(shí)間獲取訂單詳情 一、微信小店搭建 6.1.5 訂單管理4. 設(shè)置訂單發(fā)貨信息 一、微信小店搭建 6.1.5 訂單管理5. 關(guān)閉訂單 一、微信小店搭建 6.1.6 運(yùn)費(fèi)模板管理1. 增加郵費(fèi)模板 一、微信小店搭建

6、6.1.6 運(yùn)費(fèi)模板管理2. 刪除郵費(fèi)模板 一、微信小店搭建 6.1.7 圖片庫上傳圖片二、自定義開發(fā)01OPTION02OPTION微信小店SDK 支付成功通知 二、自定義開發(fā)作用：對于微信小店的自定義開發(fā)，開發(fā)者可以通過開發(fā)接口來實(shí)現(xiàn)更靈活的運(yùn)營微信小店。微信JS-SDK是微信公眾平臺(tái)面向網(wǎng)頁開發(fā)者提供的基于微信內(nèi)的網(wǎng)頁開發(fā)工具包。通過使用微信JS-SDK，網(wǎng)頁開發(fā)者可借助微信高效地使用拍照、選圖、語音、位置等手機(jī)系統(tǒng)的能力，同時(shí)可以直接使用微信分享、掃一掃、卡券、支付等微信特有的能力，為微信用戶提供更優(yōu)質(zhì)的網(wǎng)頁體驗(yàn)。作用6.2.1 微信小店SDK1. 綁定域名登錄微信公眾平臺(tái)進(jìn)入“公眾號(hào)

7、設(shè)置”的“功能設(shè)置”里填寫“JS接口安全域名”，需要注意的是登錄后才能在“開發(fā)者中心”查看對應(yīng)的接口權(quán)限。 2. 引入JS文件3. 通過config接口注入權(quán)限驗(yàn)證配置4. 通過ready接口處理成功驗(yàn)證5. 通過error接口處理失敗驗(yàn)證操作步驟 二、自定義開發(fā)作用：對于微信小店的自定義開發(fā)，開發(fā)者可以通過開發(fā)接口來實(shí)現(xiàn)更靈活的運(yùn)營微信小店。1、使用JS API支付接口微信JS API只能在微信內(nèi)置瀏覽器中使用，其他瀏覽器調(diào)用無效。微信提供getBrandWCPayRequest接口供商戶前端網(wǎng)頁調(diào)用，調(diào)用之前微信會(huì)鑒定商戶支付權(quán)限，若商戶具有調(diào)起支付的權(quán)限，則將開始支付流程。這里主要介紹支

8、付前的接口調(diào)用規(guī)則，支付狀態(tài)消息通知機(jī)制請參加下文。接口需要注意：所有傳入?yún)?shù)都是字符串類型！如何使用6.2.2 支付成功通知2. JS API支付實(shí)現(xiàn)首先用調(diào)用微信統(tǒng)一支付接口，接口成功后返回一個(gè)預(yù)支付的回話標(biāo)識(shí)（prepay_id），這個(gè)標(biāo)識(shí)的有效期是2個(gè)小時(shí)。然后使用這個(gè)預(yù)支付標(biāo)識(shí)，調(diào)用微信內(nèi)置瀏覽器的WeixinJSBridge對象，完成支付。驗(yàn)證 三、小店實(shí)例 在做企業(yè)電子商務(wù)方面，微信小店雖然較淘寶天貓等起步較晚，但是作為一個(gè)電商平臺(tái)，這個(gè)影響力不容忽視，結(jié)合微信的特點(diǎn)和便利，微信小店具有很好的粘合性和廣泛的用戶基礎(chǔ)，本章節(jié)將對微信小店做一個(gè)實(shí)例介紹。1.訂單購買 2.訂單查詢3.訂單物流查詢在調(diào)用微信公眾號(hào)支付之前，首先要把訂單創(chuàng)建好。比如一個(gè)充值的