微信公众平台开发技术第6章微信小店课件.pptx

1、1 第6章 微信小店第6章 微信小店2 第6章 微信小店能力CAPACITY要求了解微信小店的作用。掌握微信小店的构建。掌握微信小店的开发。3 第6章 微信小店内容CONTENTS导航自定义开发微信小店搭建小店搭建实例4 第6章 微信小店一、微信小店搭建01OPTION02OPTION03OPTION小店概况 添加商品商品管理04OPTION货架管理05OPTION订单管理06OPTION运费模板管理07OPTION图片库5 第6章 微信小店 一、微信小店搭建 l6.1.1 小店概况 进入微信公众平台功能-微信小店-小店概况-点击“待发货订单”会直接进入订单管理里“待发货”功能，查看到目前您处

2、理发货的订单信息。点击“待处理维权/仲裁单数”会直接进入“订单管理-维权中”功能。购买产品的用户可以在交易消息里对已经购买的商品进行维权，商家可以在微信公众平台上查看客户的维权信息并进行处理，保证双方利益的平衡。如何进入6 第6章 微信小店 一、微信小店搭建 l6.1.2 添加商品 如何添加商品123 第一步 第二步 第三步 第四步 第五步进入“微信小店”点击“添加商品”选择商品，比如“品牌手机-手机”4填写完整手机的功能参数5继续添加商品7 第6章 微信小店 一、微信小店搭建 l（1）进入“微信小店”8 第6章 微信小店 一、微信小店搭建 l（2）点击“添加商品”9 第6章 微信小店 一、微

3、信小店搭建 l（3）选择商品，比如“品牌手机-手机”或者根据需要选择其他选项，如添加配件的时候选择如下：10 第6章 微信小店 一、微信小店搭建 l（4）点击“确定”按钮后，进入如下页面，填写完整手机的功能参数。11 第6章 微信小店 一、微信小店搭建 l（5）保存成功后可以继续添加商品，或者对刚才添加的商品进行上架管理12 第6章 微信小店 一、微信小店搭建 l6.1.3 商品管理进入微信公众平台功能-微信小店-商品管理-商品分组管理，排序方式可选最新上架排最前、按销售热度排序、按价格从低到高、按价格从高到低。商品排序方式将影响商品在分组货架上的排序方式，可以通过预览分组货架查看最终效果。如

4、何进入1、商品分组管理13 第6章 微信小店 一、微信小店搭建 l6.1.3 商品管理进入微信公众平台功能-微信小店-商品管理-商品上下架,可实现以下功能：(1)可以对商品进行分组管理，通过商品价格、商品销售可以快速搜索到商品；(2)已上架商品可以选择下架，下架商品可以选择删除、编辑、再次上架；(3)商品上下架内的复制链接指的是添加到自定义菜单里面的链接，在电脑网页是无法打开；(4)已上架商品可复制链接在微信手机端发送任何好友，打开链接可预览编辑效果;(5)已上架商品都具有不同尺寸的二维码提供下载，客户端扫描二维码可以进入商品详情页面。如何进入2、商品上下架14 第6章 微信小店 一、微信小店

5、搭建 l6.1.4 货架管理在微信公众号的后台里面，可以对货架信息进行维护，界面如下所示。货架的概念，就是把商品分门别类的很好展示给客户，货架就是类似一个布局良好的展柜，我们可以定义不同的货架，然后公布不同的URL进行体验。1、货架介绍15 第6章 微信小店 一、微信小店搭建 l6.1.4 货架管理对于利用API开发微信店铺，微信小店的货架管理操作接口，和常规的模块差不多，具有右边几个功能操作。2、货架管理的开发模型16 第6章 微信小店 一、微信小店搭建 l6.1.5 订单管理在用户在微信中付款成功后，微信服务器会将订单付款通知推送到开发者在公众平台网站中设置的回调URL（在开发模式中设置）

6、中，如未设置回调URL，则获取不到该事件推送。1、订单付款通知2.根据订单ID获取订单详情17 第6章 微信小店 一、微信小店搭建 l6.1.5 订单管理3.根据订单状态/创建时间获取订单详情18 第6章 微信小店 一、微信小店搭建 l6.1.5 订单管理4.设置订单发货信息19 第6章 微信小店 一、微信小店搭建 l6.1.5 订单管理5.关闭订单20 第6章 微信小店 一、微信小店搭建 l6.1.6 运费模板管理1.增加邮费模板21 第6章 微信小店 一、微信小店搭建 l6.1.6 运费模板管理2.删除邮费模板22 第6章 微信小店 一、微信小店搭建 l6.1.7 图片库上传图片23 第6

7、章 微信小店二、自定义开发01OPTION02OPTION微信小店SDK 支付成功通知24 第6章 微信小店 二、自定义开发作用：对于微信小店的自定义开发，开发者可以通过开发接口来实现更灵活的运营微信小店。微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。作用6.2.1 微信小店SDK1.绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”，需要注意

8、的是登录后才能在“开发者中心”查看对应的接口权限。2.引入JS文件3.通过config接口注入权限验证配置4.通过ready接口处理成功验证5.通过error接口处理失败验证操作步骤25 第6章 微信小店 二、自定义开发作用：对于微信小店的自定义开发，开发者可以通过开发接口来实现更灵活的运营微信小店。1、使用JS API支付接口微信JS API只能在微信内置浏览器中使用，其他浏览器调用无效。微信提供getBrandWCPayRequest接口供商户前端网页调用，调用之前微信会鉴定商户支付权限，若商户具有调起支付的权限，则将开始支付流程。这里主要介绍支付前的接口调用规则，支付状态消息通知机制请参

9、加下文。接口需要注意：所有传入参数都是字符串类型！如何使用6.2.2 支付成功通知2.JS API支付实现首先用调用微信统一支付接口，接口成功后返回一个预支付的回话标识（prepay_id），这个标识的有效期是2个小时。然后使用这个预支付标识，调用微信内置浏览器的WeixinJSBridge对象，完成支付。验证26 第6章 微信小店 三、小店实例 在做企业电子商务方面，微信小店虽然较淘宝天猫等起步较晚，但是作为一个电商平台，这个影响力不容忽视，结合微信的特点和便利，微信小店具有很好的粘合性和广泛的用户基础，本章节将对微信小店做一个实例介绍。1.订单购买 2.订单查询3.订单物流查询在调用微信公众号支付之前，首先要把订单创建好。比如一个充值的订单。主要是先确定下金额再进行下一步因为某一方技术的原因，可能导致商户在预期时间内都收不到最终支付通知，此时商户可以通过该API来查询订单的详细支付状态。微信的扫一扫功能相当强大，可以扫二维码、扫封面、扫街景、扫描翻译等，现在微信也能查询物流。27 第6章 微信小店THANKS