小程序,大应用(培训课件)
合集下载
微信小程序培训课完整版 ppt课件
怎么学？？？
1、学习css之前html要熟练，没有墙面（html）的话，我们给墙面怎么刷漆（css装 饰）？对不对？ 2、看视频教程，看书籍，写代码，调试代码，多思考。 3、坚持下去，选择他就要把他学好，不忘初心。
网络在线手册地址：/css/
ppt课件
在这里要感谢微信大神：张小龙。
ppt课件
4
html基础课程
HTML：超文本标记语言 标签：<html></html>闭合标签、<br />自闭标签<img /><hr /> HTML很重要，重要，一定要学好。
HTML标签的熟练使用 如：<div><a><span><b><img><input><table><tr><td><p><ul><ol><li><dl><dt><dd> 等等。
text-indent:24px;
}
也可以这样编写，但是一定要注意结尾有英文的分号.初学者建议采用上面的方式编写
css;
css高级语法 同时定义多个元素多组声明的写法，英文状态下的逗号
p,h1,h2,div,table{
color:red;
font-size:16px;
}
4种css的加载方式 1、行内方式
犀牛课堂小程序培训课
——培训讲师：Tabniu
ppt课件
1
微信小程序开发工具
1、打开浏览器输入 https:///debug/wxadoc/dev/devtools/download.html?t=1475052055364 打开页面 2、查看系统信息 3、选择下载对应的工具 4、安装工具 5、打开工具（需要微信扫描登录） 6、尝试运行微信小程序
1、学习css之前html要熟练，没有墙面（html）的话，我们给墙面怎么刷漆（css装 饰）？对不对？ 2、看视频教程，看书籍，写代码，调试代码，多思考。 3、坚持下去，选择他就要把他学好，不忘初心。
网络在线手册地址：/css/
ppt课件
在这里要感谢微信大神：张小龙。
ppt课件
4
html基础课程
HTML：超文本标记语言 标签：<html></html>闭合标签、<br />自闭标签<img /><hr /> HTML很重要，重要，一定要学好。
HTML标签的熟练使用 如：<div><a><span><b><img><input><table><tr><td><p><ul><ol><li><dl><dt><dd> 等等。
text-indent:24px;
}
也可以这样编写，但是一定要注意结尾有英文的分号.初学者建议采用上面的方式编写
css;
css高级语法 同时定义多个元素多组声明的写法，英文状态下的逗号
p,h1,h2,div,table{
color:red;
font-size:16px;
}
4种css的加载方式 1、行内方式
犀牛课堂小程序培训课
——培训讲师：Tabniu
ppt课件
1
微信小程序开发工具
1、打开浏览器输入 https:///debug/wxadoc/dev/devtools/download.html?t=1475052055364 打开页面 2、查看系统信息 3、选择下载对应的工具 4、安装工具 5、打开工具（需要微信扫描登录） 6、尝试运行微信小程序
微信小程序PPT课件
在小程序中应用
使用ES6语法可以让代码更简洁、易读和易于维护，同时提高 开发效率和代码质量。例如，使用箭头函数可以简化回调函 数，使用Promise可以优化异步操作等。
04
微信小程序核心组件与API详解
视图容器类组件（View、Scroll-View等）
01
02
03
View
最基础的容器组件，类似 于HTML中的div元素，用 于布局和展示内容。
响应式布局与移动端适配方法
响应式布局
一种设计和开发应对不同屏幕尺 寸的方法，通过媒体查询、流式 布局和弹性图片等技术实现。
移动端适配方法
包括视口设置、百分比布局、 rem/vw/vh单位、flex布局和 grid布局等技术和方法。
ES6新特性及其在小程序中应用
ES6新特性
包括let/const声明、箭头函数、模块化、解构赋值、扩展运 算符、Promise等。
06
实战案例：从零开始开发一个微信 小程序
需求分析和功能规划
01
02
03
04
确定目标用户群体和使用场景
梳理核心功能和附加功能
设计用户体验流程和交互逻辑
制定开发计划和时间表
界面设计和原型制作
选择适合的设计风格和色彩搭配 制作高保真原型，呈现最终效果
设计各个页面的布局和元素 与开发团队沟通和确认设计细节
03
在开发者工具中，选择 “本地设置”，配置代 理、端口号、网络等相 关参数。
04
确保电脑已安装Node.js 环境，以便后续进行小 程序的开发和调试。
使用官方开发工具进行开发
选择项目目录、填写项目 名称和AppID，点击确定
后开始创建项目。
利用开发者工具的模拟器 功能，预览和调试小程序
使用ES6语法可以让代码更简洁、易读和易于维护，同时提高 开发效率和代码质量。例如，使用箭头函数可以简化回调函 数，使用Promise可以优化异步操作等。
04
微信小程序核心组件与API详解
视图容器类组件（View、Scroll-View等）
01
02
03
View
最基础的容器组件，类似 于HTML中的div元素，用 于布局和展示内容。
响应式布局与移动端适配方法
响应式布局
一种设计和开发应对不同屏幕尺 寸的方法，通过媒体查询、流式 布局和弹性图片等技术实现。
移动端适配方法
包括视口设置、百分比布局、 rem/vw/vh单位、flex布局和 grid布局等技术和方法。
ES6新特性及其在小程序中应用
ES6新特性
包括let/const声明、箭头函数、模块化、解构赋值、扩展运 算符、Promise等。
06
实战案例：从零开始开发一个微信 小程序
需求分析和功能规划
01
02
03
04
确定目标用户群体和使用场景
梳理核心功能和附加功能
设计用户体验流程和交互逻辑
制定开发计划和时间表
界面设计和原型制作
选择适合的设计风格和色彩搭配 制作高保真原型，呈现最终效果
设计各个页面的布局和元素 与开发团队沟通和确认设计细节
03
在开发者工具中，选择 “本地设置”，配置代 理、端口号、网络等相 关参数。
04
确保电脑已安装Node.js 环境，以便后续进行小 程序的开发和调试。
使用官方开发工具进行开发
选择项目目录、填写项目 名称和AppID，点击确定
后开始创建项目。
利用开发者工具的模拟器 功能，预览和调试小程序
小程序应用与开发培训ppt
特点
小程序具有轻量级、便捷性、跨 平台、低成本等优势，用户无需 安装即可使用，同时具备一定程 度的互动性和用户体验。
小程序的发展历程
01Biblioteka 0203起步阶段
小程序的概念最早由腾讯 公司提出，并在微信平台 上率先推出。
快速发展阶段
随着智能终端设备的普及 和移动互联网的迅猛发展 ，小程序逐渐成为应用程 序市场的重要组成部分。
旅游出行
为用户提供景点介绍、门票预 订、酒店预订、交通查询等服 务，方便用户出行。
教育培训
提供在线课程、学习资源、考 试报名等服务，方便用户进行 在线学习。
02
CATALOGUE
小程序开发基础
小程序开发语言与工具
开发语言
小程序主要使用的是JavaScript语言 ，同时也可以使用WXML和WXSS进 行页面结构和样式的编写。
参与开源项目
参与开源项目可以学习他人的经验和技巧，同时也可以将自己的 经验和技巧分享给他人。
不断实践
通过实践不断积累经验，提升解决问题的能力，以及优化用户体 验的能力。
THANKS
感谢观看
利用人工智能技术提升小程序智能化水平，提供更精准的服务。
小程序与物联网结合
通过物联网技术实现设备间的互联互通，为用户提供更便捷的生活 服务。
小程序与社交媒体结合
借助社交媒体平台推广小程序，扩大用户群体，提升品牌影响力。
小程序开发者的自我提升
学习新技术
关注小程序开发技术的最新动态，掌握新技术和工具，提升开发 效率。
商品列表的展示与交互
总结词
商品列表的展示与交互是小程序中重要的功能之一，用于向用户展示商品信息并 促进购买。
详细描述
在实现商品列表的展示与交互时，需要考虑如何从后端获取商品数据、如何展示 商品图片、名称、价格等信息，以及如何提供筛选、排序等功能。此外，还需考 虑用户点击商品后如何跳转到商品详情页，以及如何实现购买流程。
小程序具有轻量级、便捷性、跨 平台、低成本等优势，用户无需 安装即可使用，同时具备一定程 度的互动性和用户体验。
小程序的发展历程
01Biblioteka 0203起步阶段
小程序的概念最早由腾讯 公司提出，并在微信平台 上率先推出。
快速发展阶段
随着智能终端设备的普及 和移动互联网的迅猛发展 ，小程序逐渐成为应用程 序市场的重要组成部分。
旅游出行
为用户提供景点介绍、门票预 订、酒店预订、交通查询等服 务，方便用户出行。
教育培训
提供在线课程、学习资源、考 试报名等服务，方便用户进行 在线学习。
02
CATALOGUE
小程序开发基础
小程序开发语言与工具
开发语言
小程序主要使用的是JavaScript语言 ，同时也可以使用WXML和WXSS进 行页面结构和样式的编写。
参与开源项目
参与开源项目可以学习他人的经验和技巧，同时也可以将自己的 经验和技巧分享给他人。
不断实践
通过实践不断积累经验，提升解决问题的能力，以及优化用户体 验的能力。
THANKS
感谢观看
利用人工智能技术提升小程序智能化水平，提供更精准的服务。
小程序与物联网结合
通过物联网技术实现设备间的互联互通，为用户提供更便捷的生活 服务。
小程序与社交媒体结合
借助社交媒体平台推广小程序，扩大用户群体，提升品牌影响力。
小程序开发者的自我提升
学习新技术
关注小程序开发技术的最新动态，掌握新技术和工具，提升开发 效率。
商品列表的展示与交互
总结词
商品列表的展示与交互是小程序中重要的功能之一，用于向用户展示商品信息并 促进购买。
详细描述
在实现商品列表的展示与交互时，需要考虑如何从后端获取商品数据、如何展示 商品图片、名称、价格等信息，以及如何提供筛选、排序等功能。此外，还需考 虑用户点击商品后如何跳转到商品详情页，以及如何实现购买流程。
微信小程序培训课完整版
重点讲解对象的使用(小程序提供的api的属性和方法)
网络在线手册：/js 打开参考学习
JavaScript基础课程
1、变量 var a; var b,c,d; var d=0; 2、数据类型 字符串，数字，布尔，数组，对象，Null，Undefined 3、对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。 对象有属性和方法 属性是与对象相关的值。 方法是能够在对象上执行的动作。 举例：汽车就是现实生活中的对象。 汽车的属性： =Fiat car.model=500 car.weight=850kg car.color=white 汽车的方法： car.start() car.drive() car.brake() 汽车的属性包括名称、型号、重量、颜色等。
网络视频的合理利用 优酷视频：电脑打开优酷视频，搜索关键字“html基础教程”选择适合自己的视频观看。
学习小程序所需的技能
1、软件的使用（代码的辅助工具）
浏览器： 浏览器很多，有谷歌浏览器，火狐浏览器，ie浏览器，qq浏览器等，这里我们统一使用 火狐浏览器调试。（没有火狐没关系，只要你有浏览器就行。只不过火狐好一点，不影
样式表属性
布局：clear、float、clip、overflow、overflow-x、overflow-y、display、visibility 定位：position、z-index、top、right、bottom、left 边界：margin、margin-top、mairgin-right、margin-bottom、margin-left 补白：padding、padding-left、padding-right、padding-bottom、padding-left 尺寸：height、max-height、min-height、width、max-width、min-width 背景：background、background-color、background-image、background-repeat 轮廓：outline、outline-color、outline-style、outline-width 列表：list-style、list-style-image、list-style-position、list-style-type 表格：border-collapse、border-spacing 文本：text-indent、text-align、direction、word-wrap、text-jusitify 字体：font、color、font-family、font-size、font-style、font-weight、line-height、letterspacing、word-spacing 滚动条:scrollbar-3dlight-color、scrollbar-shadow-color、scrollbar-base-color、 scrollbar-face-color、scrollbar-track-color
小程序开发师的培训ppt主题与课程 (2)
数据传递
讲解如何在小程序中实现数据的传递 和共享，包括全局数据、页面间数据 传递、组件间数据传递等。
用户身份认证与授权
用户身份认证
介绍小程序的用户身份认证方式，包括微信登录、QQ登录、微博登录等，以及 如何使用这些认证方式来获取用户信息。
用户授权
讲解如何请求和获取用户的授权，以及如何处理用户的拒绝授权情况，保障用户 隐私和数据安全。
智能小程序插件
提供丰富的插件库，包括地图、语音识别、人脸识别等，提升小程 序功能。
Part
06
小程序开发师的职业发展
小程序开发师的市场需求与前景
市场需求
随着移动互联网的普及，小程序已成为用户获取服务的重要入口，小程序开发师的市场需求持续增长 。
前景展望
随着小程序生态的完善和技术的不断创新，小程序开发师的职业前景广阔，具备较大的发展空间。
微信小程序开发实战案例
案例介绍
选取一个具有代表性的微 信小程序案例，进行功能 和业务逻辑的解析。
开发流程
详细介绍该案例的开发流 程，包括需求分析、设计 、编码、测试和发布等环 节。
技术难点
分析该案例开发过程中遇 到的技术难点和解决方法 ，包括性能优化、兼容性 处理等。
支付宝小程序开发实战案例
STEP 01
小程序用户体验优化
用户体验概述
介绍用户体验的概念、影 1
响因素以及在小程序中的 重要性。
实例分析
4
通过案例分析，展示如何 对小程序进行用户体验优 化，并分享优化前后的用 户反馈。
交互设计优化
2
提供交互设计的原则和技
巧，以提高小程序的易用
性和用户满意度。
界面设计优化
3 分享界面设计的最佳实践
讲解如何在小程序中实现数据的传递 和共享，包括全局数据、页面间数据 传递、组件间数据传递等。
用户身份认证与授权
用户身份认证
介绍小程序的用户身份认证方式，包括微信登录、QQ登录、微博登录等，以及 如何使用这些认证方式来获取用户信息。
用户授权
讲解如何请求和获取用户的授权，以及如何处理用户的拒绝授权情况，保障用户 隐私和数据安全。
智能小程序插件
提供丰富的插件库，包括地图、语音识别、人脸识别等，提升小程 序功能。
Part
06
小程序开发师的职业发展
小程序开发师的市场需求与前景
市场需求
随着移动互联网的普及，小程序已成为用户获取服务的重要入口，小程序开发师的市场需求持续增长 。
前景展望
随着小程序生态的完善和技术的不断创新，小程序开发师的职业前景广阔，具备较大的发展空间。
微信小程序开发实战案例
案例介绍
选取一个具有代表性的微 信小程序案例，进行功能 和业务逻辑的解析。
开发流程
详细介绍该案例的开发流 程，包括需求分析、设计 、编码、测试和发布等环 节。
技术难点
分析该案例开发过程中遇 到的技术难点和解决方法 ，包括性能优化、兼容性 处理等。
支付宝小程序开发实战案例
STEP 01
小程序用户体验优化
用户体验概述
介绍用户体验的概念、影 1
响因素以及在小程序中的 重要性。
实例分析
4
通过案例分析，展示如何 对小程序进行用户体验优 化，并分享优化前后的用 户反馈。
交互设计优化
2
提供交互设计的原则和技
巧，以提高小程序的易用
性和用户满意度。
界面设计优化
3 分享界面设计的最佳实践
小程序介绍PPT课件
微信支付委托代扣 运营商行业应用
产品介绍
产品特点
支持的签约场景
扣款执行
THANK YOU
SUCCESS
2020/9/26
后付费月账单场景
账单案例-广东联通账单缴费
• 广东联通在“广东联通”公众号及中国联通集团APP上向用户提供按月账单自动缴费服务
宽带续约类场景
预付费余额不足场景
余额不足案例-浙江移动充值宝
移动App/H5页面/小程序
App
H5页面
• 开发成本
高
低
低
• 用户获取成本
高
低
低
• 用户体验
高
低
高
• 用户留存
高
低
高
小程序简介：小程序特点
①速度快 无需下载安装，加载速度快于HTML5，微信登录，随时可用 ②无需适配 一次开发，多端兼容，免除了对于各种手机机型的适配 ③社交分享分享 支持直接或App分享给微信好友和群聊 ④出色体验 可达到近乎原生App的操作体验和流畅度 ⑤易获取 支持扫码、长按、微信搜索、公众号、好友推荐等丰富场景 ⑥低门槛 已有公众号的组织可快速注册、可快速生成门店小程序
✓ 礼品卡
✓ 微信连WIFI
发现和传播：消息能力
用户使用小程序服务后 7天内可下发1条模板消息
有支付行为后7 天内可发3条模板消息
客服消息组件 48小时内异步回复
小程序关联消息通知 ※一次性消息；不占用条数
门店小程序
• 无需开发，填写信息快速生成
• 可被搜索、分享，可放在公众号的 自定义菜单、图文消息和模板消息 等场景中使用
• 通过插件提供领券等服务
小程序跳小程序能力
• 支持小程序跳转小程序
30小时微信小程序从入门到精通课程 基础篇PPT模板
02
第二章：微信小程序开发基础知识
第二章：微信小程序开发基础知识
a
微信小程 序布局
b
微信小程 序的数据
绑定
c
搜狐新闻 首页轮播 图的制作
d
今日头条 首页滚动 菜单制作
e
微信小程 序的页面
跳转
f
综合案例 布局-个 人图库
第二章：微信小程 序开发基础知识
后续学习指引
202x
感谢聆听Biblioteka 202x30小时微信小程序从入门到 精通课程-基础篇
演讲人
2 0 2 x - 11 - 11
目录
01. 第一章：微信小程序快速入门 02. 第二章：微信小程序开发基础知识
01
第一章：微信小程序快速入门
第一章：微信小程 序快速入门
认识微信小程序与微信小程序工 具安装 创建第一个微信小程序demo 微信小程序的app.json全局配置 文件的操作 微信小程序页面组成介绍 创建第一个微信小程序Demo 微信小程序的app.json全局配置 文件的操作
小程序简介ppt课件
话题管理、消息通知、评论留言
专业化-个性订制版
餐饮O2O行业餐饮小程序解决方案
一、餐饮O2O小程序解决的三大问题
1、 人力成本高、员工不积极、顾客体验差、利润严重缩水
解决方案：微信及手机客户端实现顾客在线自助排队、预订、点餐、支付等环节，提高顾客体验，降 低餐厅人力成本的投入;通过顾客打赏等功能提升员工的积极性。
小程序的优势
比其他小程序更 轻，更容易操作 不需要有技术
需要付出的成本更 低：时间、人力
针对行业去解决 问题，更能帮助 商家产生效益
后期 方向
后期的方向
加深行业应用拓展，开发新的行业
支持的功能
支持功能
企业展示 产品展示 下单支付 营销功能 会员功能 社区体系
细分
企业介绍、资讯热点、联系方式、二维码 产品展示、产品详情 在线预约、购物车、下单支付(微信支付）、订单管理 优惠券、会员卡， 会员注册登录、会员管理、会员卡
以行业为导向解决行业问题
展示版定制价
• 宣传名片 公司介绍 • 产品展示 品牌宣传 • 用户支持 服务支持 • 在线留言 在线导航 • 新闻资讯 表单系统
定制开发小程序展示网站： 价格：6000元 时间周期：30个工作日
专业化-订制
电商版
• 直接连接消费者的线 上商城
• 线上引流，线下体验 • 快速获取用户 • 购买支付系统快速完
抢位方式3：小程序矩阵式霸屏
小程序已经创造的奇迹
星巴克
好友之间可以互赠咖啡，玩起了社交的花样
优衣库
承载了信息互通的能力 会员的查询、附近门店的查询、库存信息的查询
唯品会
线上商城
APP与小程序的对比
小程序 无需安装，简单 无需注册，登入过程 费用是APP的1/10 兼容各种手机 超9亿微信用户流量入口
专业化-个性订制版
餐饮O2O行业餐饮小程序解决方案
一、餐饮O2O小程序解决的三大问题
1、 人力成本高、员工不积极、顾客体验差、利润严重缩水
解决方案：微信及手机客户端实现顾客在线自助排队、预订、点餐、支付等环节，提高顾客体验，降 低餐厅人力成本的投入;通过顾客打赏等功能提升员工的积极性。
小程序的优势
比其他小程序更 轻，更容易操作 不需要有技术
需要付出的成本更 低：时间、人力
针对行业去解决 问题，更能帮助 商家产生效益
后期 方向
后期的方向
加深行业应用拓展，开发新的行业
支持的功能
支持功能
企业展示 产品展示 下单支付 营销功能 会员功能 社区体系
细分
企业介绍、资讯热点、联系方式、二维码 产品展示、产品详情 在线预约、购物车、下单支付(微信支付）、订单管理 优惠券、会员卡， 会员注册登录、会员管理、会员卡
以行业为导向解决行业问题
展示版定制价
• 宣传名片 公司介绍 • 产品展示 品牌宣传 • 用户支持 服务支持 • 在线留言 在线导航 • 新闻资讯 表单系统
定制开发小程序展示网站： 价格：6000元 时间周期：30个工作日
专业化-订制
电商版
• 直接连接消费者的线 上商城
• 线上引流，线下体验 • 快速获取用户 • 购买支付系统快速完
抢位方式3：小程序矩阵式霸屏
小程序已经创造的奇迹
星巴克
好友之间可以互赠咖啡，玩起了社交的花样
优衣库
承载了信息互通的能力 会员的查询、附近门店的查询、库存信息的查询
唯品会
线上商城
APP与小程序的对比
小程序 无需安装，简单 无需注册，登入过程 费用是APP的1/10 兼容各种手机 超9亿微信用户流量入口
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
场景
通道
入口
无需下载 用完即走
不占内存 使用门槛最低 不再卡顿 使用路径最短
新型体验 新型O2O
方式
框架
LBS 服务
良好用户体验 微信内无缝打通 接近原生APP 无需注册登录
直达 服务
技术的一小步，用户体验的一大步
小程序制作流程
1
2
3
4
注册（快速注册）
在微信公众平台注册小 程序账号，已有认证公 众号可在公众号后台快 速注册、认证。
1、功能：主要是以办卡、查账查额、优惠展示、分期提现等功能为主； 2、推广：软文植入推广、公众号入口为主。
银行
中信信用卡 招行信用卡 招行荐卡者有份
浦发信用卡 农行微服务 （微信作为标杆推广） 民生信用卡 工银信用卡爱购周末 工银信用卡爱购全球 工银信用卡表情包神器 广发信用卡
广发日
功能 办卡、进度查询、查帐、查额、查积分、申请大额分期 办卡、查账、查额、查积分、用卡优惠介绍、分期、取现
小程序搜索入口
LBS小程序入口
小程序公众号入口
微信支付页入口
小程序内可发起支付 支持服务商模式
支付后进入小程序，提供后续服务 如会员积分、线上商城等
支付凭证按钮进入小 程序
卡券入口
模板消息入口
跳转入口
朋友圈入口
服务直达
小程序的价值 对商家的价值
对消费者的价值
新型营销 新型营销 新型流量
系统
发现栏主入口 小程序模板消息 安卓系统桌面图标 小程序信息页
扫码
二维码 小程序码 带参数的永久二维码 不受限制，长按识别
搜索
搜索小程序名称 模糊匹配 服务直达
支付
微信钱包 微信支付完成页 二维码收款页面
分享
小程序消息卡片 聊天窗口 微信群标签
卡券
我的卡包 卡券详情页 社交立减金 礼品卡
跳转
小程序之间跳转
荐卡办理、荐卡奖励介绍
办卡、查账、激活、挂失、心意卡
办卡、网点排队(取现)预约、LBS优惠券、APP引流 办卡、卡产品介绍、进度查询 商户优惠介绍
购物、餐饮、酒店旅游等优惠介绍 可下载和制作表情包
办卡、查账、查额、查积分、进度查询、激活、分期、提现、还款、优惠介绍 活动介绍、办卡
信用卡行业应用
场景一：荐卡有礼
小程序 大应用
目录
微信小程序介绍 小程序的应用场景 卡中心的规划和应用 分组讨论(探讨应用场景)
微信小程序介绍
小程序是一种”不需下载安装”即可使用 的应用，它实现了应用“触手可及”的梦想，用户 扫一扫或者搜一下即可打开应用。也体现了“用完 即走”的理念，用户不用关心是否安装太多应用的 问题。应用将无处不在，随时可用，但又无需安装 卸载。
——“微信之父”张小龙
小程序市场数据
2亿日活跃量 一至四线城市全覆盖
2亿
100万
100万已上线小程序数量
150万+开发者
150万+
2300 个
2300个第三方平台
小程序的优势（一）
• 开发成本 • 获客成本 • 用户体验 • 用户留存
App
高 高 高 高
H5页面
低
低
低
低
低
高
低
中
小程序的优势（二）
微信小程序用户使用数量越多，排名越靠前
小程序生态
红包
朋友圈
营销
微信 公众号
强社交
AI技术赋能 搜索+信息流
业
微信
生态
微信
小程序
游戏
矩阵
广告
“信用”生态 商业和生活服
务接口 大数据支持
支付宝小程序
微信小程序支付宝小程序小程序小程序的应用场景小程序可以做什么
品牌展示
主营业务/品牌宣传/企业信 息/地址/热卖推荐
活动促销
发放优惠券/赠送积分/ 活动宣传/促销打折
品牌
展示
线下
服务
活动
促销
在线
交易
线下服务
到店预约/扫码点餐
在线交易
商品展示/在线下单/微 信支付/订单发货
活动促销
在线交易-团购
线下服务-预约、排队、点餐
ห้องสมุดไป่ตู้
企业展示
小程序游戏
小程序在信用卡行业应用
发卡
慈善捐赠小程序 - 线上：微信生态内（推文嵌入、公
众号、小程序搜索、好友分享） - 线下：慈善行活动、路演
慈善
营销 商城
营销类小程序 建设小众客群/场景专属小程序，精准展 示专属优惠，优化微信宣传体验并向 APP引流，先做以下客群/场景： - 境外/海淘/旅游 - 大学生 - 广发日
商城小程序 - 优惠券、抽奖、签到赚积分 - 团购、秒杀、砍价、满减 - 推荐办卡
入口丰富
线上线下多达40多 个场景入口，用户 更容易找到并使用 小程序。
数据沉淀
小程序后台可监控 用户访问信息，沉 淀数据、描绘用户 画像、分析客户购 买习惯，及时调整 营销策略。
小程序入口
LBS
地理位置分布 类目筛选 功能标签外露 LBS推广
公众号
信息页相关小程序列表 自定义菜单 模板消息 文章
庞大的自然流量
基于10亿用户的微 信社交平台，小程 序可分享转发至社 群或好友，推广成 本大大降低。
不需安装卸载
不需要安装和卸 载，通过微信端即 可直接进入，节省 手机空间。
附近小程序LBS展示
附近的小程序辐射周边 5公里，连锁店铺可覆 盖更大范围。 一级入口，微信用户点 开即可看到周边小程 序，起到高效的展示效 果。
使用量
上线时间 60%
5% 关键字频次 10%
标题 25%
权重一、上线时间（5%）
微信小程序的上线时间，上线时间越早，排名越靠前
权重二、关键字频次（10%）
描述中完全匹配出现关键词次数越多，排名越靠前
权重三、标题（25%）
标题中关键词出现1次，且整体标题的字数越短，排 名越靠前
权重四、使用量（60%）
卡中心应用情况
1、广发信用卡小程序 2、广发日小程序 3、广发希望慈善基金小程序 4、卡中心员工论坛小程序 5、摆范儿卡小程序 6、境外海淘小程序 7、广发商城小程序
互动： 挖掘小程序在卡中 心的应用场景
场景二：开户办卡
场景三：专享权益
场景四：活动抽奖
场景五：消费金融
场景六：在线客服
信用卡中心的规划和应用
小程序定位
电子渠道定位：APP为产品主阵地；微信为服务、营销主阵地。短期内微信和APP需并重。 产品布局：
APP 发现精彩
满足用户长尾、深层金融需求
Easy Go 广发钱包
To C 轻应用
小程序信息完善
填写小程序基本信息， 包括名称、头像、介绍 及服务范围等。
开发小程序
提交审核和发布
完成小程序开发者绑定、 开发信息配置后，开发 者可下载开发者工具、 参考开发文档进行小程 序的开发和调试。
完成小程序开发后，提 交代码至微信团队审核， 审核通过后即可发布。
用户数据分析
用户数据分析
小程序搜索排名规则
To B（商家验 码） 轻应用
微信
公众号
服务沟通
小程序
基于微信熟人社 交、分享属性的 轻应用
小程序产品规划
1、 基于场景/客群规划小程序（发卡、优惠、慈善、商城） 2、 仅做轻型应用，不做过重功能（开发包需小于8M）
产品布局及应用场景：
发卡小程序 - 线上：推荐办卡，微信生态内应用（推文嵌
入、公众号）